particle-os/debian-image-builder-frontend
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Wizard: Rename ChippingInput to LabelInput

Browse source 
This just renames `ChippingInput` component to `LabelInput` and updates all imports.
This commit is contained in:
regexowl 2025-03-04 08:41:38 +01:00 • committed by Lucas Garfield
parent 5f3a3744c5
commit ba233f2c69
6 changed files with 17 additions and 17 deletions
Download patch file Download diff file Expand all files Collapse all files

8
src/Components/CreateImageWizard/ChippingInput.tsx → src/Components/CreateImageWizard/LabelInput.tsx
View file

@ -17,7 +17,7 @@ import { StepValidation } from './utilities/useValidation';
import { useAppDispatch } from '../../store/hooks'; import { useAppDispatch } from '../../store/hooks';
type ChippingInputProps = { type LabelInputProps = {
ariaLabel: string; ariaLabel: string;
placeholder: string; placeholder: string;
validator: (value: string) => boolean; validator: (value: string) => boolean;
@ -30,7 +30,7 @@ type ChippingInputProps = {
fieldName: string; fieldName: string;
}; };
const ChippingInput = ({ const LabelInput = ({
ariaLabel, ariaLabel,
placeholder, placeholder,
validator, validator,
@ -41,7 +41,7 @@ const ChippingInput = ({
removeAction, removeAction,
stepValidation, stepValidation,
fieldName, fieldName,
}: ChippingInputProps) => { }: LabelInputProps) => {
const dispatch = useAppDispatch(); const dispatch = useAppDispatch();
const [inputValue, setInputValue] = useState(''); const [inputValue, setInputValue] = useState('');
@ -153,4 +153,4 @@ const ChippingInput = ({
); );
}; };
export default ChippingInput; export default LabelInput;

4
src/Components/CreateImageWizard/steps/Firewall/components/PortsInput.tsx
View file

@ -8,7 +8,7 @@ import {
removePort, removePort,
selectFirewall, selectFirewall,
} from '../../../../../store/wizardSlice'; } from '../../../../../store/wizardSlice';
import ChippingInput from '../../../ChippingInput'; import LabelInput from '../../../LabelInput';
import { useFirewallValidation } from '../../../utilities/useValidation'; import { useFirewallValidation } from '../../../utilities/useValidation';
import { isPortValid } from '../../../validators'; import { isPortValid } from '../../../validators';
@ -19,7 +19,7 @@ const PortsInput = () => {
return ( return (
<FormGroup label="Ports"> <FormGroup label="Ports">
<ChippingInput <LabelInput
ariaLabel="Add ports" ariaLabel="Add ports"
placeholder="Add ports" placeholder="Add ports"
validator={isPortValid} validator={isPortValid}

6
src/Components/CreateImageWizard/steps/Firewall/components/Services.tsx
View file

@ -10,7 +10,7 @@ import {
removeEnabledFirewallService, removeEnabledFirewallService,
selectFirewall, selectFirewall,
} from '../../../../../store/wizardSlice'; } from '../../../../../store/wizardSlice';
import ChippingInput from '../../../ChippingInput'; import LabelInput from '../../../LabelInput';
import { useFirewallValidation } from '../../../utilities/useValidation'; import { useFirewallValidation } from '../../../utilities/useValidation';
import { isServiceValid } from '../../../validators'; import { isServiceValid } from '../../../validators';
@ -23,7 +23,7 @@ const Services = () => {
return ( return (
<> <>
<FormGroup label="Disabled services"> <FormGroup label="Disabled services">
<ChippingInput <LabelInput
ariaLabel="Add disabled service" ariaLabel="Add disabled service"
placeholder="Add disabled service" placeholder="Add disabled service"
validator={isServiceValid} validator={isServiceValid}
@ -36,7 +36,7 @@ const Services = () => {
/> />
</FormGroup> </FormGroup>
<FormGroup label="Enabled services"> <FormGroup label="Enabled services">
<ChippingInput <LabelInput
ariaLabel="Add enabled service" ariaLabel="Add enabled service"
placeholder="Add enabled service" placeholder="Add enabled service"
validator={isServiceValid} validator={isServiceValid}

4
src/Components/CreateImageWizard/steps/Kernel/components/KernelArguments.tsx
View file

@ -11,7 +11,7 @@ import {
selectDistribution, selectDistribution,
selectKernel, selectKernel,
} from '../../../../../store/wizardSlice'; } from '../../../../../store/wizardSlice';
import ChippingInput from '../../../ChippingInput'; import LabelInput from '../../../LabelInput';
import { useKernelValidation } from '../../../utilities/useValidation'; import { useKernelValidation } from '../../../utilities/useValidation';
import { isKernelArgumentValid } from '../../../validators'; import { isKernelArgumentValid } from '../../../validators';
@ -40,7 +40,7 @@ const KernelArguments = () => {
return ( return (
<FormGroup isRequired={false} label="Append"> <FormGroup isRequired={false} label="Append">
<ChippingInput <LabelInput
ariaLabel="Add kernel argument" ariaLabel="Add kernel argument"
placeholder="Add kernel argument" placeholder="Add kernel argument"
validator={isKernelArgumentValid} validator={isKernelArgumentValid}

8
src/Components/CreateImageWizard/steps/Services/components/ServicesInputs.tsx
View file

@ -15,7 +15,7 @@ import {
selectDistribution, selectDistribution,
selectServices, selectServices,
} from '../../../../../store/wizardSlice'; } from '../../../../../store/wizardSlice';
import ChippingInput from '../../../ChippingInput'; import LabelInput from '../../../LabelInput';
import { useServicesValidation } from '../../../utilities/useValidation'; import { useServicesValidation } from '../../../utilities/useValidation';
import { isServiceValid } from '../../../validators'; import { isServiceValid } from '../../../validators';
@ -55,7 +55,7 @@ const ServicesInput = () => {
return ( return (
<> <>
<FormGroup isRequired={false} label="Disabled services"> <FormGroup isRequired={false} label="Disabled services">
<ChippingInput <LabelInput
ariaLabel="Add disabled service" ariaLabel="Add disabled service"
placeholder="Add disabled service" placeholder="Add disabled service"
validator={isServiceValid} validator={isServiceValid}
@ -72,7 +72,7 @@ const ServicesInput = () => {
/> />
</FormGroup> </FormGroup>
<FormGroup isRequired={false} label="Masked services"> <FormGroup isRequired={false} label="Masked services">
<ChippingInput <LabelInput
ariaLabel="Add masked service" ariaLabel="Add masked service"
placeholder="Add masked service" placeholder="Add masked service"
validator={isServiceValid} validator={isServiceValid}
@ -88,7 +88,7 @@ const ServicesInput = () => {
/> />
</FormGroup> </FormGroup>
<FormGroup isRequired={false} label="Enabled services"> <FormGroup isRequired={false} label="Enabled services">
<ChippingInput <LabelInput
ariaLabel="Add enabled service" ariaLabel="Add enabled service"
placeholder="Add enabled service" placeholder="Add enabled service"
validator={isServiceValid} validator={isServiceValid}

4
src/Components/CreateImageWizard/steps/Timezone/components/NtpServersInput.tsx
View file

@ -8,7 +8,7 @@ import {
removeNtpServer, removeNtpServer,
selectNtpServers, selectNtpServers,
} from '../../../../../store/wizardSlice'; } from '../../../../../store/wizardSlice';
import ChippingInput from '../../../ChippingInput'; import LabelInput from '../../../LabelInput';
import { useTimezoneValidation } from '../../../utilities/useValidation'; import { useTimezoneValidation } from '../../../utilities/useValidation';
import { isNtpServerValid } from '../../../validators'; import { isNtpServerValid } from '../../../validators';
@ -19,7 +19,7 @@ const NtpServersInput = () => {
return ( return (
<FormGroup isRequired={false} label="NTP servers"> <FormGroup isRequired={false} label="NTP servers">
<ChippingInput <LabelInput
ariaLabel="Add NTP server" ariaLabel="Add NTP server"
placeholder="Add NTP servers" placeholder="Add NTP servers"
validator={isNtpServerValid} validator={isNtpServerValid}