From ad39f0dd091f2322dd50dca8925dfc447cfa6621 Mon Sep 17 00:00:00 2001
From: jarvis2f <137974272+jarvis2f@users.noreply.github.com>
Date: Wed, 8 Jan 2025 17:36:20 +0800
Subject: [PATCH] =?UTF-8?q?=F0=9F=9A=B8=20feat:=20Add=20a=20return=20to=20?=
 =?UTF-8?q?home=20button=20to=20the=20Header=20component.?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 web/src/components/header.tsx | 17 +++++++++++++----
 1 file changed, 13 insertions(+), 4 deletions(-)

diff --git a/web/src/components/header.tsx b/web/src/components/header.tsx
index 84c9d11..9977f02 100644
--- a/web/src/components/header.tsx
+++ b/web/src/components/header.tsx
@@ -13,6 +13,7 @@ import {
   ChevronsLeftRightEllipsisIcon,
   CloudDownloadIcon,
   Ellipsis,
+  Home,
   UnplugIcon,
 } from "lucide-react";
 import {
@@ -32,7 +33,7 @@ import TelegramIcon from "@/components/telegram-icon";
 import AutoDownloadDialog from "@/components/auto-download-dialog";
 import useIsMobile from "@/hooks/use-is-mobile";
 import { useState } from "react";
-import {Button} from "@/components/ui/button";
+import { Button } from "@/components/ui/button";
 
 export function Header() {
   const { isLoading, getAccounts, accountId, account, handleAccountChange } =
@@ -46,7 +47,7 @@ export function Header() {
     <Card className="mb-6">
       <CardContent className="p-4">
         <div className="relative flex flex-col items-start justify-between gap-4 md:flex-row md:items-center">
-          <div className="w-full flex flex-1 flex-col gap-4 md:flex-row md:items-center">
+          <div className="flex w-full flex-1 flex-col gap-4 md:flex-row md:items-center">
             <Link href={"/"} className="hidden md:inline-flex">
               <TelegramIcon className="h-6 w-6" />
             </Link>
@@ -111,7 +112,6 @@ export function Header() {
                 <AutoDownloadDialog />
               </>
             )}
-
           </div>
 
           <div className="flex items-center gap-4">
@@ -158,11 +158,20 @@ export function Header() {
             <SettingsDialog />
           </div>
 
+          <Button
+            size="xs"
+            variant="ghost"
+            onClick={() => (location.href = "/")}
+            className="absolute bottom-[0.3rem] right-10 md:hidden"
+          >
+            <Home className="h-4 w-4" />
+          </Button>
+
           <Button
             size="xs"
             variant="ghost"
             onClick={() => setShowMore(!showMore)}
-            className="absolute bottom-0 right-0 md:hidden"
+            className="absolute bottom-[0.3rem] right-0 md:hidden"
           >
             <Ellipsis className="h-4 w-4" />
           </Button>