frontend/components/Sidebar.vue

@@ -3,7 +3,6 @@ const isSidebarActive = useSidebar()
 const user = useUser()
 
 const sidebar = ref<HTMLElement | undefined>()
-const openSetting = ref<Boolean>(false)
 
 type UserOption = {
 	title: string
@@ -30,7 +29,9 @@ const userOptions: Array<UserOption> = [
 	{
 		title: 'Profile',
 		icon: 'user',
-		onClick: () => openUserProfile(),
+		onClick: () => {
+			useRouter().push('/profile')
+		},
 	},
 ]
 
@@ -57,21 +58,17 @@ onClickOutside(sidebar, () => {
 						class="hover:cursor-pointer" />
 				</div>
 				<Icon
-					@click="openUserProfile()"
 					name="user"
 					size="36"
-					ref="userIcon"
-					class="hover:cursor-pointer" />
-				<div
-					@click="openUserProfile()"
-					class="hover:cursor-pointer hover:underline">
+					ref="userIcon" />
+				<div>
 					{{ user }}
 				</div>
 			</div>
 			<div ref="userOptionsCard">
 				<div
 					v-for="userOption in userOptions"
-					class="flex w-full items-center p-4 text-xl hover:cursor-pointer hover:bg-lightgray"
+					class="flex w-full items-center p-4 text-xl hover:bg-lightgray"
 					@click="userOption.onClick()">
 					<Icon
 						v-if="userOption.icon"
@@ -82,25 +79,6 @@ 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"

frontend/composables/utils.ts

@@ -2,12 +2,8 @@ const openUrl = (url: string) => {
 	window.open(url, '_blank')
 }
 
-const openUserProfile = () => {
-	useRouter().push('/profile')
-}
-
 const useSidebar = () => useState<Boolean>('isSidebarActive', () => false)
 const openSidebar = () => [(useSidebar().value = true)]
 const closeSidebar = () => [(useSidebar().value = false)]
 
-export { closeSidebar, openSidebar, openUrl, openUserProfile, useSidebar }
+export { closeSidebar, openSidebar, openUrl, useSidebar }