From 4ea08f12605892d53b8616b0abf1d5bc46992d04 Mon Sep 17 00:00:00 2001
From: MahtabBukhari <mahtabali50447@gmail.com>
Date: Thu, 18 Apr 2024 06:25:43 +0500
Subject: [PATCH] fix(next-button-active): next button active even when type is
 not selected

---
 .../AddItemModal/SetAttributesStep/index.tsx           | 10 ++++++++--
 src/components/AddItemModal/index.tsx                  |  2 +-
 2 files changed, 9 insertions(+), 3 deletions(-)

diff --git a/src/components/AddItemModal/SetAttributesStep/index.tsx b/src/components/AddItemModal/SetAttributesStep/index.tsx
index 77f274c71..e475736f6 100644
--- a/src/components/AddItemModal/SetAttributesStep/index.tsx
+++ b/src/components/AddItemModal/SetAttributesStep/index.tsx
@@ -15,9 +15,10 @@ import { requiredRule } from '~/constants'
 type Props = {
   skipToStep: (step: AddItemModalStepID) => void
   nodeType: string
+  handleSelectType: (val: string) => void
 }
 
-export const SetAttributesStep: FC<Props> = ({ skipToStep, nodeType }) => {
+export const SetAttributesStep: FC<Props> = ({ handleSelectType, skipToStep, nodeType }) => {
   const [loading, setLoading] = useState(false)
   const [attributes, setAttributes] = useState<parsedObjProps[]>()
 
@@ -58,6 +59,11 @@ export const SetAttributesStep: FC<Props> = ({ skipToStep, nodeType }) => {
       })
     : []
 
+  const handlePrevButton = () => {
+    handleSelectType('')
+    skipToStep('sourceType')
+  }
+
   return (
     <Flex>
       <Flex align="center" direction="row" justify="space-between" mb={18}>
@@ -94,7 +100,7 @@ export const SetAttributesStep: FC<Props> = ({ skipToStep, nodeType }) => {
 
       <Flex direction="row">
         <Flex grow={1}>
-          <Button color="secondary" onClick={() => skipToStep('sourceType')} size="large" variant="contained">
+          <Button color="secondary" onClick={handlePrevButton} size="large" variant="contained">
             Prev
           </Button>
         </Flex>
diff --git a/src/components/AddItemModal/index.tsx b/src/components/AddItemModal/index.tsx
index 1602a5148..759572d1d 100644
--- a/src/components/AddItemModal/index.tsx
+++ b/src/components/AddItemModal/index.tsx
@@ -235,7 +235,7 @@ export const AddItemModal = () => {
     source: <SourceStep name={name} skipToStep={skipToStep} sourceLink={sourceLink || ''} type={nodeType} />,
     setBudget: <BudgetStep loading={loading} onClick={() => null} />,
     createConfirmation: <CreateConfirmation onclose={handleClose} type={type} />,
-    setAttribues: <SetAttributesStep nodeType={nodeType} skipToStep={skipToStep} />,
+    setAttribues: <SetAttributesStep handleSelectType={handleSelectType} nodeType={nodeType} skipToStep={skipToStep} />,
   }
 
   const modalKind: ModalKind = 'small'