feat: Prefill label creation with search term (#307)

client/src/components/LabelsStep/AddStep.jsx

@@ -10,11 +10,11 @@ import Editor from './Editor';
 
 import styles from './AddStep.module.scss';
 
-const AddStep = React.memo(({ onCreate, onBack }) => {
+const AddStep = React.memo(({ onCreate, onBack, initialValue }) => {
   const [t] = useTranslation();
 
   const [data, handleFieldChange] = useForm(() => ({
-    name: '',
+    name: initialValue,
     color: LabelColors[0],
   }));
 
@@ -48,6 +48,7 @@ const AddStep = React.memo(({ onCreate, onBack }) => {
 AddStep.propTypes = {
   onCreate: PropTypes.func.isRequired,
   onBack: PropTypes.func.isRequired,
+  initialValue: PropTypes.func.isRequired,
 };
 
 export default AddStep;

client/src/components/LabelsStep/LabelsStep.jsx

@@ -84,7 +84,7 @@ const LabelsStep = React.memo(
     if (step) {
       switch (step.type) {
         case StepTypes.ADD:
-          return <AddStep onCreate={onCreate} onBack={handleBack} />;
+          return <AddStep onCreate={onCreate} onBack={handleBack} initialValue={search} />;
         case StepTypes.EDIT: {
           const currentItem = items.find((item) => item.id === step.params.id);