move stepper to only first tab

TurtIeSocks · Jan 10, 2023 · fde5cc2 · fde5cc2
1 parent 8212d1e
commit fde5cc2
Show file tree

Hide file tree

Showing 2 changed files with 12 additions and 12 deletions.
diff --git a/client/src/components/dialogs/import/ImportWizard.tsx b/client/src/components/dialogs/import/ImportWizard.tsx
@@ -204,6 +204,17 @@ export default function ImportWizard({ onClose }: { onClose?: () => void }) {
           ),
           3: <FinishStep code={code} filtered={filtered} reset={reset} />,
         }[step] || null}
+        <Stepper
+          activeStep={step}
+          alternativeLabel
+          sx={{ mt: 3, maxWidth: '100%' }}
+        >
+          {['Import', 'Properties', 'Assign', 'Confirm'].map((label) => (
+            <Step key={label}>
+              <StepLabel>{label}</StepLabel>
+            </Step>
+          ))}
+        </Stepper>
       </TabPanel>
       <TabPanel value={tab} index={1}>
         <Code
@@ -221,17 +232,6 @@ export default function ImportWizard({ onClose }: { onClose?: () => void }) {
       <TabPanel value={tab} index={2}>
         <MiniMap filtered={filtered} />
       </TabPanel>
-      <Stepper
-        activeStep={step}
-        alternativeLabel
-        sx={{ mt: 3, maxWidth: '100%' }}
-      >
-        {['Import', 'Properties', 'Assign', 'Confirm'].map((label) => (
-          <Step key={label}>
-            <StepLabel>{label}</StepLabel>
-          </Step>
-        ))}
-      </Stepper>
     </BaseDialog>
   )
 }
diff --git a/client/src/components/dialogs/import/MiniMap.tsx b/client/src/components/dialogs/import/MiniMap.tsx
@@ -62,7 +62,7 @@ export default function MiniMap({ filtered }: { filtered: FeatureCollection }) {
         <strong>Projects:</strong>
           <p style="margin:0;padding:0">
             ${(feature?.properties?.projects || [])
-              ?.map((p: number) => useStatic.getState().projects[p])
+              ?.map((p: number) => useStatic.getState().projects[p].name)
               .join(', ')}
           </p>
         </div>