From 3f22192835560259467910e035f828c2dd953bde Mon Sep 17 00:00:00 2001
From: EETagent <vojta.jungmann@gmail.com>
Date: Mon, 5 Dec 2022 23:26:29 +0100
Subject: [PATCH 1/2] fix: add delete to backend cors

---
 api/src/lib.rs | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/api/src/lib.rs b/api/src/lib.rs
index b22f2a2..bb0696f 100644
--- a/api/src/lib.rs
+++ b/api/src/lib.rs
@@ -39,7 +39,7 @@ impl Fairing for CORS {
         ));
         response.set_header(Header::new(
             "Access-Control-Allow-Methods",
-            "POST, GET, OPTIONS",
+            "POST, GET, OPTIONS, DELETE",
         ));
         response.set_header(Header::new("Access-Control-Allow-Headers", "content-type"));
         response.set_header(Header::new("Access-Control-Allow-Credentials", "true"));

From 7c209ebbbc941c6886ffeda5b072f7d0187128a6 Mon Sep 17 00:00:00 2001
From: EETagent <vojta.jungmann@gmail.com>
Date: Mon, 5 Dec 2022 23:26:47 +0100
Subject: [PATCH 2/2] feat: add delete button for cached files

---
 .../lib/components/dashboard/CoverLetterUploadCard.svelte | 8 +++++++-
 .../lib/components/dashboard/DashboardUploadCard.svelte   | 8 +++++++-
 .../components/dashboard/PortfolioLetterUploadCard.svelte | 8 +++++++-
 .../components/dashboard/PortfolioZipUploadCard.svelte    | 8 +++++++-
 .../lib/components/dashboard/StatusNotificationDot.svelte | 2 +-
 5 files changed, 29 insertions(+), 5 deletions(-)

diff --git a/frontend/src/lib/components/dashboard/CoverLetterUploadCard.svelte b/frontend/src/lib/components/dashboard/CoverLetterUploadCard.svelte
index 572d90d..005ca7d 100644
--- a/frontend/src/lib/components/dashboard/CoverLetterUploadCard.svelte
+++ b/frontend/src/lib/components/dashboard/CoverLetterUploadCard.svelte
@@ -1,6 +1,6 @@
 <script lang="ts">
 	import { fetchSubmProgress } from '$lib/stores/portfolio';
-	import { apiUploadCoverLetter } from '$lib/@api/candidate';
+	import { apiDeleteCoverLetter, apiUploadCoverLetter } from '$lib/@api/candidate';
 	import DashboardUploadCard from './DashboardUploadCard.svelte';
 
 	const onFileDrop = async (detail: any) => {
@@ -9,10 +9,16 @@
 		await apiUploadCoverLetter(file, callback);
 		await fetchSubmProgress();
 	};
+
+	const onDelete = async () => {
+		await apiDeleteCoverLetter();
+		await fetchSubmProgress();
+	};
 </script>
 
 <DashboardUploadCard
 	on:filedrop={(e) => onFileDrop(e.detail)}
+	on:delete={onDelete}
 	title="Motivační dopis"
 	filetype="PDF"
 	filesize={10}
diff --git a/frontend/src/lib/components/dashboard/DashboardUploadCard.svelte b/frontend/src/lib/components/dashboard/DashboardUploadCard.svelte
index b525e8d..512379a 100644
--- a/frontend/src/lib/components/dashboard/DashboardUploadCard.svelte
+++ b/frontend/src/lib/components/dashboard/DashboardUploadCard.svelte
@@ -101,7 +101,13 @@
 		<div class="mb-4 mt-1 sm:mb-0 sm:mt-0">
 			<FileType {filetype} filesize={filesize + ' MB'} />
 		</div>
-		<div class="absolute right-0 top-4 px-7">
+		<div class="absolute right-0 top-4 flex items-center px-7">
+			{#if status === 'uploaded'}
+				<button
+					class="mr-3 rounded-xl bg-[#ef8b46] py-0.5 px-2 text-white shadow-md transition-all duration-300 hover:bg-orange-400"
+					on:click={() => dispatch('delete')}>Smazat</button
+				>
+			{/if}
 			<StatusNotificationDot {status} />
 		</div>
 	</div>
diff --git a/frontend/src/lib/components/dashboard/PortfolioLetterUploadCard.svelte b/frontend/src/lib/components/dashboard/PortfolioLetterUploadCard.svelte
index 5557bf9..b9c4b71 100644
--- a/frontend/src/lib/components/dashboard/PortfolioLetterUploadCard.svelte
+++ b/frontend/src/lib/components/dashboard/PortfolioLetterUploadCard.svelte
@@ -1,6 +1,6 @@
 <script lang="ts">
 	import { fetchSubmProgress } from '$lib/stores/portfolio';
-	import { apiUploadPortfolioLetter } from '../../@api/candidate';
+	import { apiDeletePortfolioLetter, apiUploadPortfolioLetter } from '../../@api/candidate';
 	import DashboardUploadCard from './DashboardUploadCard.svelte';
 
 	const onFileDrop = async (detail: any) => {
@@ -9,10 +9,16 @@
 		await apiUploadPortfolioLetter(file, callback);
 		await fetchSubmProgress();
 	};
+
+	const onDelete = async () => {
+		await apiDeletePortfolioLetter();
+		await fetchSubmProgress();
+	};
 </script>
 
 <DashboardUploadCard
 	on:filedrop={(e) => onFileDrop(e.detail)}
+	on:delete={onDelete}
 	title="Portfolio"
 	filetype="PDF"
 	filesize={10}
diff --git a/frontend/src/lib/components/dashboard/PortfolioZipUploadCard.svelte b/frontend/src/lib/components/dashboard/PortfolioZipUploadCard.svelte
index cf60d42..30c826f 100644
--- a/frontend/src/lib/components/dashboard/PortfolioZipUploadCard.svelte
+++ b/frontend/src/lib/components/dashboard/PortfolioZipUploadCard.svelte
@@ -1,6 +1,6 @@
 <script lang="ts">
 	import { fetchSubmProgress } from '$lib/stores/portfolio';
-	import { apiUploadPortfolioZip } from '$lib/@api/candidate';
+	import { apiDeletePortfolioZip, apiUploadPortfolioZip } from '$lib/@api/candidate';
 	import DashboardUploadCard from './DashboardUploadCard.svelte';
 
 	const onFileDrop = async (detail: any) => {
@@ -9,10 +9,16 @@
 		await apiUploadPortfolioZip(file, callback);
 		await fetchSubmProgress();
 	};
+
+	const onDelete = async () => {
+		await apiDeletePortfolioZip();
+		await fetchSubmProgress();
+	};
 </script>
 
 <DashboardUploadCard
 	on:filedrop={(e) => onFileDrop(e.detail)}
+	on:delete={onDelete}
 	title="Další data"
 	filetype="ZIP"
 	filesize={100}
diff --git a/frontend/src/lib/components/dashboard/StatusNotificationDot.svelte b/frontend/src/lib/components/dashboard/StatusNotificationDot.svelte
index e133d4b..63747ab 100644
--- a/frontend/src/lib/components/dashboard/StatusNotificationDot.svelte
+++ b/frontend/src/lib/components/dashboard/StatusNotificationDot.svelte
@@ -19,7 +19,7 @@
 
 <!-- make red dot -->
 <div class="flex animate-pulse flex-row justify-between div-{status}">
-	<span class="mt-1 h-6 w-6 rounded-full {status}" />
+	<span class="h-6 w-6 rounded-full {status}" />
 	<!-- <h3 class="ml-8 font-bold text-xl">{title}</h3> -->
 </div>