vodorod/parcer
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

chore: lint

Browse Source
This commit is contained in:
karishmas6
2024-07-26 20:22:20 +05:30
parent 24df2c73e3
commit 37359a75e6
1 changed files with 34 additions and 34 deletions
Download Patch File Download Diff File Expand all files Collapse all files

68
src/context/browserSteps.tsx
View File

@@ -1,53 +1,53 @@
import React, { createContext, useContext, useState } from 'react'; import React, { createContext, useContext, useState } from 'react';
interface BrowserStep { interface BrowserStep {
id: number; id: number;
label: string; label: string;
value: string; value: string;
} }
interface BrowserStepsContextType { interface BrowserStepsContextType {
browserSteps: BrowserStep[]; browserSteps: BrowserStep[];
addBrowserStep: (label: string, value: string) => void; addBrowserStep: (label: string, value: string) => void;
deleteBrowserStep: (id: number) => void; deleteBrowserStep: (id: number) => void;
updateBrowserStepLabel: (id: number, newLabel: string) => void; updateBrowserStepLabel: (id: number, newLabel: string) => void;
} }
const BrowserStepsContext = createContext<BrowserStepsContextType | undefined>(undefined); const BrowserStepsContext = createContext<BrowserStepsContextType | undefined>(undefined);
export const BrowserStepsProvider: React.FC<{ children: React.ReactNode }> = ({ children }) => { export const BrowserStepsProvider: React.FC<{ children: React.ReactNode }> = ({ children }) => {
const [browserSteps, setBrowserSteps] = useState<BrowserStep[]>([]); const [browserSteps, setBrowserSteps] = useState<BrowserStep[]>([]);
const addBrowserStep = (label: string, value: string) => { const addBrowserStep = (label: string, value: string) => {
setBrowserSteps(prevSteps => [ setBrowserSteps(prevSteps => [
...prevSteps, ...prevSteps,
{ id: Date.now(), label, value } { id: Date.now(), label, value }
]); ]);
}; };
const deleteBrowserStep = (id: number) => { const deleteBrowserStep = (id: number) => {
setBrowserSteps(prevSteps => prevSteps.filter(step => step.id !== id)); setBrowserSteps(prevSteps => prevSteps.filter(step => step.id !== id));
}; };
const updateBrowserStepLabel = (id: number, newLabel: string) => { const updateBrowserStepLabel = (id: number, newLabel: string) => {
setBrowserSteps(prevSteps => setBrowserSteps(prevSteps =>
prevSteps.map(step => prevSteps.map(step =>
step.id === id ? { ...step, label: newLabel } : step step.id === id ? { ...step, label: newLabel } : step
) )
);
};
return (
<BrowserStepsContext.Provider value={{ browserSteps, addBrowserStep, deleteBrowserStep, updateBrowserStepLabel }}>
{children}
</BrowserStepsContext.Provider>
); );
};
return (
<BrowserStepsContext.Provider value={{ browserSteps, addBrowserStep, deleteBrowserStep, updateBrowserStepLabel }}>
{children}
</BrowserStepsContext.Provider>
);
}; };
export const useBrowserSteps = () => { export const useBrowserSteps = () => {
const context = useContext(BrowserStepsContext); const context = useContext(BrowserStepsContext);
if (!context) { if (!context) {
throw new Error('useBrowserSteps must be used within a BrowserStepsProvider'); throw new Error('useBrowserSteps must be used within a BrowserStepsProvider');
} }
return context; return context;
}; };