From fa8e109338a968c1fadc962b2e99c9ee36d947b4 Mon Sep 17 00:00:00 2001
From: EETagent <vojta.jungmann@gmail.com>
Date: Sat, 3 Dec 2022 21:59:34 +0100
Subject: [PATCH] feat: real cards for mobile

---
 .../(authenticated)/dashboard/+page.svelte    | 26 ++++++++++++-------
 1 file changed, 17 insertions(+), 9 deletions(-)

diff --git a/frontend/src/routes/(candidate)/(authenticated)/dashboard/+page.svelte b/frontend/src/routes/(candidate)/(authenticated)/dashboard/+page.svelte
index e3780db..ce0f1b6 100644
--- a/frontend/src/routes/(candidate)/(authenticated)/dashboard/+page.svelte
+++ b/frontend/src/routes/(candidate)/(authenticated)/dashboard/+page.svelte
@@ -24,7 +24,7 @@
 <FullLayout>
 	<div class="dashboard dashboardDesktop">
 		<div class="name col-span-3">
-			<DashboardInfoCard title={$candidateData.name + " " + $candidateData.surname ?? ""}>
+			<DashboardInfoCard title={$candidateData.name + ' ' + $candidateData.surname ?? ''}>
 				<span class="mt-3 text-sspsBlue truncate">{$candidateData.email}</span>
 				<span class="mt-3 text-sspsGray text-xs">Uchazeč na SSPŠ</span>
 			</DashboardInfoCard>
@@ -41,19 +41,27 @@
 	</div>
 	<div class="dashboard dashboardMobile">
 		<div class="my-10 name w-[90%] mx-auto">
-			<DashboardInfoCard title={$candidateData.name + " " + $candidateData.surname ?? ""}>
+			<DashboardInfoCard title={$candidateData.name + ' ' + $candidateData.surname ?? ''}>
 				<span class="mt-3 text-sspsBlue truncate">{$candidateData.email}</span>
 				<span class="mt-3 text-sspsGray text-xs">Uchazeč na SSPŠ</span>
 			</DashboardInfoCard>
 		</div>
 		<Swiper slidesPerView={1} spaceBetween={20}>
-			{#each [0, 0, 0] as _}
-				<SwiperSlide>
-					<div class="w-[90%] mx-auto">
-						<DashboardUploadCard title="Motivační dopis" filetype="PDF" filesize="10 MB" />
-					</div>
-				</SwiperSlide>
-			{/each}
+			<SwiperSlide>
+				<div class="w-[90%] mx-auto">
+					<CoverLetterUploadCard />
+				</div>
+			</SwiperSlide>
+			<SwiperSlide>
+				<div class="w-[90%] mx-auto">
+					<PortfolioLetterUploadCard />
+				</div>
+			</SwiperSlide>
+			<SwiperSlide>
+				<div class="w-[90%] mx-auto">
+					<PortfolioZipUploadCard />
+				</div>
+			</SwiperSlide>
 		</Swiper>
 	</div>
 </FullLayout>