From 1255e05420a145e0494fd9c62f734d387d40fc67 Mon Sep 17 00:00:00 2001
From: Yanick Champoux <yanick@babyl.ca>
Date: Tue, 21 Mar 2023 13:57:43 -0400
Subject: [PATCH] carrier component

---
 .../components/ShipEdit/Carrier.story.svelte  |  8 +++++
 src/lib/components/ShipEdit/Carrier.svelte    | 34 +++++++++++++++++++
 .../ShipEdit/Carrier/Squadron.svelte          | 14 ++++----
 .../components/ShipEdit/Carrier/index.svelte  | 34 -------------------
 4 files changed, 50 insertions(+), 40 deletions(-)
 create mode 100644 src/lib/components/ShipEdit/Carrier.story.svelte
 create mode 100644 src/lib/components/ShipEdit/Carrier.svelte
 delete mode 100644 src/lib/components/ShipEdit/Carrier/index.svelte

diff --git a/src/lib/components/ShipEdit/Carrier.story.svelte b/src/lib/components/ShipEdit/Carrier.story.svelte
new file mode 100644
index 0000000..7d5bf32
--- /dev/null
+++ b/src/lib/components/ShipEdit/Carrier.story.svelte
@@ -0,0 +1,8 @@
+<Hst.Story title="ShipEdit/Carrier">
+  <Carrier />
+</Hst.Story>
+
+<script>
+  export let Hst;
+  import Carrier from "./Carrier.svelte";
+</script>
diff --git a/src/lib/components/ShipEdit/Carrier.svelte b/src/lib/components/ShipEdit/Carrier.svelte
new file mode 100644
index 0000000..017bae2
--- /dev/null
+++ b/src/lib/components/ShipEdit/Carrier.svelte
@@ -0,0 +1,34 @@
+<Section label="carrier">
+  <ShipItem {...reqs}>
+    <Field label="bays">
+      <input class="short" type="number" min="0" bind:value={bays} />
+    </Field>
+  </ShipItem>
+
+  {#each squadrons as squadron, id (id)}
+    <Squadron {...squadron} id={id + 1} />
+  {/each}
+</Section>
+
+<script lang="ts">
+  import { getContext } from "svelte";
+
+  import Field from "$lib/components/Field.svelte";
+  import ShipItem from "$lib/components/ShipItem.svelte";
+  import Section from "$lib/components/Section.svelte";
+  import Squadron from "./Carrier/Squadron.svelte";
+
+  export let bays = 0;
+  export let reqs = { cost: 0, mass: 0 };
+  export let squadrons = [];
+
+  export let api = getContext("api");
+
+  $: api?.dispatch?.setCarrierBays?.(bays);
+</script>
+
+<style>
+  input {
+    width: 5em;
+  }
+</style>
diff --git a/src/lib/components/ShipEdit/Carrier/Squadron.svelte b/src/lib/components/ShipEdit/Carrier/Squadron.svelte
index 388ee55..eae0a30 100644
--- a/src/lib/components/ShipEdit/Carrier/Squadron.svelte
+++ b/src/lib/components/ShipEdit/Carrier/Squadron.svelte
@@ -1,4 +1,5 @@
 <ShipItem {...reqs}>
+  <!--
   <Field label={`squadron ${id}`}>
     <select bind:value={type}>
       {#each types as type (type)}
@@ -6,23 +7,24 @@
       {/each}
     </select>
   </Field>
+    -->
 </ShipItem>
 
 <script>
   import { getContext } from "svelte";
 
-  import Section from "$lib/components/Section/index.svelte";
-  import Field from "$lib/components/Field/index.svelte";
-  import ShipItem from "$lib/components/ShipItem/index.svelte";
-  import { squadronTypes } from "$lib/shipDux/carrier";
+  import Section from "$lib/components/Section.svelte";
+  import Field from "$lib/components/Field.svelte";
+  import ShipItem from "$lib/components/ShipItem.svelte";
+  //  import { squadronTypes } from "$lib/shipDux/carrier";
 
   const types = squadronTypes.map(({ type }) => type);
 
   export let id = 1;
-  export let type = types[0].type;
+  export let type = ""; //types[0].type;
   export let reqs = {};
 
-  export let { dispatch } = getContext("ship");
+  export let { dispatch } = getContext("api");
 
   $: console.log(type);
   $: dispatch.setSquadronType({ type, id });
diff --git a/src/lib/components/ShipEdit/Carrier/index.svelte b/src/lib/components/ShipEdit/Carrier/index.svelte
deleted file mode 100644
index 20789dc..0000000
--- a/src/lib/components/ShipEdit/Carrier/index.svelte
+++ /dev/null
@@ -1,34 +0,0 @@
-<Section label="carrier">
-  <ShipItem {...reqs}>
-    <Field label="bays">
-      <input class="short" type="number" min="0" bind:value={bays} />
-    </Field>
-  </ShipItem>
-
-  {#each squadrons as squadron,id (id)}
-    <Squadron {...squadron} id={id+1} />
-  {/each}
-</Section>
-
-<script lang="ts">
-import { getContext } from 'svelte';
-    import Field from '$lib/components/Field/index.svelte';
-    import ShipItem from '$lib/components/ShipItem/index.svelte';
-    import Section from '$lib/components/Section/index.svelte';
-    import Squadron from './Squadron.svelte';
-
-    export let bays = 0;
-    export let reqs = {};
-export let squadrons = [];
-
-const { dispatch } = getContext('ship');
-
-$: dispatch.setCarrierBays(bays);
-
-</script>
-
-<style>
-input {
-    width: 5em;
-}
-</style>