fix: activation indicator removed

elibosley · elibosley · commit 5edfd823b862 · 2025-07-08T15:42:41.000-04:00
diff --git a/web/__test__/components/Activation/ActivationSteps.test.ts b/web/__test__/components/Activation/ActivationSteps.test.ts
@@ -91,11 +91,4 @@ describe('ActivationSteps', () => {
 
     expect(wrapper.find('[data-testid="stepper"]').attributes('default-value')).toBe('2');
   });
-
-  it('renders separators between steps', () => {
-    const wrapper = mountComponent();
-    const separators = wrapper.findAll('[data-testid="stepper-separator"]');
-
-    expect(separators).toHaveLength(2);
-  });
 });
diff --git a/web/components/Activation/ActivationSteps.vue b/web/components/Activation/ActivationSteps.vue
@@ -10,7 +10,6 @@ import {
   Stepper,
   StepperDescription,
   StepperItem,
-  StepperSeparator,
   StepperTitle,
   StepperTrigger,
 } from '@unraid/ui';
@@ -75,7 +74,7 @@ const steps: readonly Step[] = [
 <template>
   <Stepper :default-value="activeStep" class="text-foreground flex w-full items-start gap-2 text-16px">
     <StepperItem
-      v-for="(step, index) in steps"
+      v-for="step in steps"
       :key="step.step"
       v-slot="{ state }: { state: StepState }"
       class="relative flex w-full flex-col items-center justify-center data-[disabled]:opacity-100"
@@ -111,7 +110,6 @@ const steps: readonly Step[] = [
           </StepperDescription>
         </div>
       </StepperTrigger>
-      <StepperSeparator v-if="index < steps.length - 1" class="w-[50px] bg-black h-[30px]" />
     </StepperItem>
   </Stepper>
 </template>
