fix: moved powered by learning to the bottom of sidebar

frontend/src/components/AppSidebar.vue

@@ -74,43 +74,53 @@
 				:isSidebarCollapsed="sidebarStore.isSidebarCollapsed"
 				appName="learning"
 			/>
-			<SidebarLink
+
-				v-if="isOnboardingStepsCompleted"
+			<div
-				:link="{
+				class="flex items-center"
-					label: __('Help'),
+				:class="
-				}"
+					sidebarStore.isSidebarCollapsed ? 'flex-col space-y-3' : 'flex-row'
-				:isCollapsed="sidebarStore.isSidebarCollapsed"
-				@click="
-					() => {
-						showHelpModal = minimize ? true : !showHelpModal
-						minimize = !showHelpModal
-					}
 				"
 			>
-				<template #icon>
+				<div
-					<span class="grid h-5 w-6 flex-shrink-0 place-items-center">
+					class="flex items-center flex-1"
-						<CircleHelp class="h-4 w-4 stroke-1.5" />
+					:class="
-					</span>
+						sidebarStore.isSidebarCollapsed
-				</template>
+							? 'flex-col space-y-3'
-			</SidebarLink>
+							: 'flex-row space-x-3'
-			<SidebarLink
+					"
-				:link="{
+				>
-					label: sidebarStore.isSidebarCollapsed ? 'Expand' : 'Collapse',
+					<Tooltip :text="__('Powered by Learning')">
-				}"
+						<Zap
-				:isCollapsed="sidebarStore.isSidebarCollapsed"
+							class="size-4 stroke-1.5 text-gray-700 cursor-pointer"
-				@click="toggleSidebar()"
+							@click="redirectToWebsite()"
-			>
-				<template #icon>
-					<span class="grid h-5 w-6 flex-shrink-0 place-items-center">
-						<CollapseSidebar
-							class="h-4 w-4 text-ink-gray-7 duration-300 ease-in-out"
-							:class="{
-								'[transform:rotateY(180deg)]': sidebarStore.isSidebarCollapsed,
-							}"
 						/>
-					</span>
+					</Tooltip>
-				</template>
+					<Tooltip :text="__('Help')">
-			</SidebarLink>
+						<CircleHelp
+							class="size-4 stroke-1.5 text-gray-700 cursor-pointer"
+							@click="
+								() => {
+									showHelpModal = minimize ? true : !showHelpModal
+									minimize = !showHelpModal
+								}
+							"
+						/>
+					</Tooltip>
+				</div>
+				<Tooltip
+					:text="
+						sidebarStore.isSidebarCollapsed ? __('Expand') : __('Collapse')
+					"
+				>
+					<CollapseSidebar
+						class="size-4 text-gray-700 duration-300 stroke-1.5 ease-in-out cursor-pointer"
+						:class="{
+							'[transform:rotateY(180deg)]': sidebarStore.isSidebarCollapsed,
+						}"
+						@click="toggleSidebar()"
+					/>
+				</Tooltip>
+			</div>
 		</div>
 		<HelpModal
 			v-if="showOnboarding && showHelpModal"
@@ -148,7 +158,7 @@ import { usersStore } from '@/stores/user'
 import { sessionStore } from '@/stores/session'
 import { useSidebar } from '@/stores/sidebar'
 import { useSettings } from '@/stores/settings'
-import { Button, createResource } from 'frappe-ui'
+import { Button, createResource, Tooltip } from 'frappe-ui'
 import PageModal from '@/components/Modals/PageModal.vue'
 import { capture } from '@/telemetry'
 import LMSLogo from '@/components/Icons/LMSLogo.vue'
@@ -164,6 +174,7 @@ import {
 	UserPlus,
 	Users,
 	BookText,
+	Zap,
 } from 'lucide-vue-next'
 import {
 	TrialBanner,
@@ -578,4 +589,8 @@ watch(userResource, () => {
 		setUpOnboarding()
 	}
 })
+
+const redirectToWebsite = () => {
+	window.open('https://frappe.io/learning', '_blank')
+}
 </script>

frontend/src/components/UserDropdown.vue

@@ -199,13 +199,6 @@ const userDropdownOptions = computed(() => {
 		{
 			group: '',
 			items: [
-				{
-					icon: Zap,
-					label: 'Powered by Learning',
-					onClick: () => {
-						window.open('https://frappe.io/learning', '_blank')
-					},
-				},
 				{
 					icon: LogOut,
 					label: 'Log out',