Revert plan changes

NASA-AMMOS · Mar 6, 2025 · 7686e14 · 7686e14
1 parent f95b251
commit 7686e14
Showing 1 changed file with 16 additions and 17 deletions.
diff --git a/src/routes/plans/+page.svelte b/src/routes/plans/+page.svelte
@@ -4,18 +4,16 @@
   import { goto } from '$app/navigation';
   import { base } from '$app/paths';
   import { page } from '$app/stores';
-  import { Input as InputStellar } from '@nasa-jpl/stellar-svelte';
   import CloseIcon from '@nasa-jpl/stellar/icons/close.svg?component';
   import PlanIcon from '@nasa-jpl/stellar/icons/plan.svg?component';
   import type { ICellRendererParams, ValueGetterParams } from 'ag-grid-community';
   import XIcon from 'bootstrap-icons/icons/x.svg?component';
   import { flatten } from 'lodash-es';
-  import { FileDown } from 'lucide-svelte';
   import { onDestroy, onMount } from 'svelte';
   import ExportIcon from '../../assets/export.svg?component';
+  import ImportIcon from '../../assets/import.svg?component';
   import Nav from '../../components/app/Nav.svelte';
   import PageTitle from '../../components/app/PageTitle.svelte';
-  import Button from '../../components/button/button.svelte';
   import DatePickerField from '../../components/form/DatePickerField.svelte';
   import Field from '../../components/form/Field.svelte';
   import Input from '../../components/form/Input.svelte';
@@ -670,9 +668,13 @@
           </div>
         {:else}
           <SectionTitle>New Plan</SectionTitle>
-          <Button on:click={isPlanImportMode ? hideImportPlan : showImportPlan} class="gap-1" variant="outline">
-            <FileDown size={14} /> Import
-          </Button>
+          <button
+            class="st-button secondary transfer-button"
+            type="button"
+            on:click={isPlanImportMode ? hideImportPlan : showImportPlan}
+          >
+            <ImportIcon /> Import
+          </button>
         {/if}
       </svelte:fragment>
 
@@ -795,20 +797,17 @@
 
             <Field field={nameField}>
               <label for="name" slot="label">Name</label>
-              <div
+              <input
+                bind:this={nameInputField}
+                autocomplete="off"
+                class="st-input w-100"
+                name="name"
+                aria-label="name"
                 use:permissionHandler={{
                   hasPermission: canCreate,
                   permissionError,
                 }}
-              >
-                <InputStellar
-                  bind:el={nameInputField}
-                  autocomplete="off"
-                  class="h-6 w-full px-1"
-                  name="name"
-                  aria-label="name"
-                />
-              </div>
+              />
             </Field>
 
             <fieldset>
@@ -922,7 +921,7 @@
             <PlanIcon slot="icon" />
             Plans
           </SectionTitle>
-          <InputStellar bind:value={filterText} class="h-7 w-72" placeholder="Filter plans" />
+          <input bind:value={filterText} class="st-input" placeholder="Filter plans" style="width: 300px" />
         </div>
       </svelte:fragment>