From 4d911b38ca0a75c65507231ecb7d8cd59fabc622 Mon Sep 17 00:00:00 2001
From: TZGyn <ca538901d@mozmail.com>
Date: Fri, 28 Jul 2023 03:50:18 +0800
Subject: [PATCH] Frontend: added settings to sidebar

---
 frontend/components/Sidebar.vue | 20 ++++++++++++++++++++
 1 file changed, 20 insertions(+)

diff --git a/frontend/components/Sidebar.vue b/frontend/components/Sidebar.vue
index 7433fb2..418314d 100644
--- a/frontend/components/Sidebar.vue
+++ b/frontend/components/Sidebar.vue
@@ -3,6 +3,7 @@ const isSidebarActive = useSidebar()
 const user = useUser()
 
 const sidebar = ref<HTMLElement | undefined>()
+const openSetting = ref<Boolean>(false)
 
 type UserOption = {
 	title: string
@@ -81,6 +82,25 @@ onClickOutside(sidebar, () => {
 					</div>
 				</div>
 			</div>
+			<div class="mt-4 flex flex-col border-t-2 border-t-lightgray">
+				<div
+					@click="openSetting = !openSetting"
+					class="flex justify-between p-4 hover:cursor-pointer hover:bg-lightgray">
+					<div>Settings</div>
+					<Icon
+						name="mdi:chevron-up"
+						class="transition-transform"
+						:class="{
+							'rotate-0': !openSetting,
+							'-rotate-180': openSetting,
+						}" />
+				</div>
+				<div
+					v-if="openSetting"
+					class="px-4 py-2 hover:cursor-pointer hover:bg-lightgray">
+					Delete Account
+				</div>
+			</div>
 		</div>
 		<div
 			class="absolute z-40 h-screen w-screen bg-white/5"