feat: fully implement variants

src/lib/components/atoms/LogoOption.svelte

@@ -1,7 +1,6 @@
 <script lang="ts">
   import Modal from './Dialogue.svelte';
-  import Variants from './Variants.svelte';
-	export let name: string;
+	export let name = "";
 	export let selected: Array<string>;
   export let variants;
 	export let clicked = false;
@@ -13,7 +12,7 @@
   let current = variants[0];
 
   function select_logo(id) {
-		// clicked = !clicked;
+		clicked = !clicked;
 		if (selected.includes(id)) {
 			selected = selected.filter((e) => e !== id);
 		} else {
@@ -34,13 +33,19 @@
 </script>
 
 
+{#if has_variants}
 <Modal bind:modalOpen>
 	<svelte:fragment slot="title">{name}</svelte:fragment>
 	<svelte:fragment slot="description">
     guhhhhhhhhhhhhhhhhhhhhh
 	</svelte:fragment>
-  <Variants />
+  {#each variants as variant}
+    <!-- Mega Trolley -->
+    <svelte:self bind:selected variants={[variant]} clicked={selected.includes(variant.id)}/>
+  {/each}
+  <!-- <Variants /> -->
 </Modal>
+{/if}
 
 <!-- SHUT UP -->
 <!-- svelte-ignore a11y-no-noninteractive-tabindex -->

src/lib/components/atoms/Variants.svelte

@@ -1 +0,0 @@
-  <img src="https://cdn.discordapp.com/emojis/1063976228660457552.gif?size=48&quality=lossless" style="width: 20rem;" alt="h">

src/routes/polling/+page.svelte

@@ -128,14 +128,15 @@ function calc_selected_logo_ids(v) {
 		if (submit) {
 			return;
 		}
-		selected = [];
+
+    logos.forEach((v => {
+      selected[v.name] = [];
+    }))
 	}
 
 	async function submitBallot() {
-		// console.log(token);
-    throw Error("This shit needs to be redone now hhhhhhh");
 		const data = {
-			votes: logos.map((logo) => ({ cid: logo.id, vote: selected.includes(logo.id) }))
+			votes: logo_ids.map((id) => ({ cid: id, vote: selected_logo_ids.includes(id) }))
 		};
 		console.log(data);
 
@@ -197,7 +198,7 @@ function calc_selected_logo_ids(v) {
 					{#if selected[name].length != 0}
 						<span in:fly={{ x: transitionDirection, easing: expoOut, duration: 1000 }}>
 						  <LogoOption
-							  bind:selected
+							  bind:selected={selected[name]}
 							  clicked={selected[name].length != 0}
                 {variants}
 							  {name}
@@ -208,7 +209,7 @@ function calc_selected_logo_ids(v) {
 			{/if}
 		</div>
 
-		{#if finalPage && !selected.length}
+		{#if finalPage && !selected_logo_ids.length}
 			<div class="warning" in:fly={{ x: transitionDirection, easing: expoOut, duration: 1000 }}>
 				<h6>No logos have been selected.</h6>
 			</div>