From d749b05f09461c5ef3d36aead076aa3b3ed08472 Mon Sep 17 00:00:00 2001
From: Sebastian Pravda <sebastian.pravda@gmail.com>
Date: Fri, 2 Dec 2022 19:38:04 +0100
Subject: [PATCH] feat: more upload statuses

---
 .../dashboard/DashboardUploadCard.svelte      | 25 +++++++++++--------
 .../dashboard/StatusNotification.svelte       | 10 +++++---
 frontend/src/stores/portfolio.ts              |  3 ++-
 3 files changed, 23 insertions(+), 15 deletions(-)

diff --git a/frontend/src/lib/components/dashboard/DashboardUploadCard.svelte b/frontend/src/lib/components/dashboard/DashboardUploadCard.svelte
index eb3e259..6a9c689 100644
--- a/frontend/src/lib/components/dashboard/DashboardUploadCard.svelte
+++ b/frontend/src/lib/components/dashboard/DashboardUploadCard.svelte
@@ -1,8 +1,7 @@
 <script lang="ts">
 	import FileType from './FileType.svelte';
 	import FileDrop from 'filedrop-svelte';
-	import FileMissingNotification from './StatusNotification.svelte';
-	import { submissionProgress, UploadStatus } from '../../../stores/portfolio';
+	import { submissionProgress, UploadStatus, type Status } from '../../../stores/portfolio';
 	import { createEventDispatcher } from 'svelte';
 	import StatusNotification from './StatusNotification.svelte';
 
@@ -13,20 +12,26 @@
 	export let filesize: string;
 	export let fileType: number = 0;
 
-	let missing = false;
+	let status: Status = "missing";
 
 	$: if ($submissionProgress) {
-		missing = isMissing();
+		status = getStatus();
 	}
 
-	const isMissing = (): boolean => {
+	const getStatus = (): Status => {
 		switch ($submissionProgress.status) {
 			case UploadStatus.None:
-				return true;
+				return 'missing';
 			case UploadStatus.Some:
-				return !$submissionProgress.files!.some(code => code === fileType);
+				if (!$submissionProgress.files!.some(code => code === fileType)) {
+					return 'uploaded';
+				}
+			case UploadStatus.All:
+				return 'uploaded';
+			case UploadStatus.Submitted:
+				return 'submitted';
 			default:
-				return false;
+				return 'missing';
 		}
 	}
 
@@ -70,9 +75,7 @@
 		<!-- <div class="flex flex-col justify-between">
 		</div> -->
 		<h3>{title}</h3>
-		{#if missing}
-			<StatusNotification type="missing" />
-		{/if}
+		<StatusNotification {status} />
 		<div class="mt-1 sm:mt-0">
 			<FileType {filetype} {filesize} />
 		</div>
diff --git a/frontend/src/lib/components/dashboard/StatusNotification.svelte b/frontend/src/lib/components/dashboard/StatusNotification.svelte
index c5c2db7..26359b7 100644
--- a/frontend/src/lib/components/dashboard/StatusNotification.svelte
+++ b/frontend/src/lib/components/dashboard/StatusNotification.svelte
@@ -1,7 +1,11 @@
 <script lang="ts">
-    export let type: "submitted" | "uploaded" | "missing";
+	import type { Status } from "../../../stores/portfolio";
+
+
+    export let status: Status;
     let title: string;
-    switch (type) {
+
+    $: switch (status) {
         case "submitted":
             title = "Odeslané";
             break;
@@ -16,7 +20,7 @@
 
 <!-- make red dot -->
 <div class="flex flex-col justify-between">
-    <span class="mt-1 w-5 h-5 rounded-full {type}" />
+    <span class="mt-1 w-5 h-5 rounded-full {status}" />
     <h3 class="ml-8 font-bold text-xl">{title}</h3>
 </div>
 
diff --git a/frontend/src/stores/portfolio.ts b/frontend/src/stores/portfolio.ts
index 3be192e..1be0548 100644
--- a/frontend/src/stores/portfolio.ts
+++ b/frontend/src/stores/portfolio.ts
@@ -1,6 +1,8 @@
 import { apiFetchSubmissionProgress } from "../@api/candidate";
 import { writable } from "svelte/store";
 
+export type Status = 'submitted' | 'uploaded' | 'missing';
+
 export enum UploadStatus {
     None = 1,
     Some = 2,
@@ -12,7 +14,6 @@ export interface SubmissionProgress {
     status?: UploadStatus;
     files?: [number];
 }
-
 export const submissionProgress = writable<SubmissionProgress>({});
 
 export async function fetchSubmProgress() {