From f49850ae8aaa45df3a936f49d01825df0e605cfa Mon Sep 17 00:00:00 2001
From: pompurin404 <pompurin404@mihomo.party>
Date: Sun, 6 Oct 2024 20:00:16 +0800
Subject: [PATCH] optimize profile card

---
 .../src/components/profiles/profile-item.tsx   | 18 ++++++++++++++++--
 .../src/components/sider/profile-card.tsx      | 18 ++++++++++++++++--
 2 files changed, 32 insertions(+), 4 deletions(-)

diff --git a/src/renderer/src/components/profiles/profile-item.tsx b/src/renderer/src/components/profiles/profile-item.tsx
index 8c1d993..92055bf 100644
--- a/src/renderer/src/components/profiles/profile-item.tsx
+++ b/src/renderer/src/components/profiles/profile-item.tsx
@@ -261,6 +261,22 @@ const ProfileItem: React.FC<Props> = (props) => {
               )}
             </div>
           )}
+        </CardBody>
+        <CardFooter className="pt-0">
+          {info.type === 'remote' && !extra && (
+            <div
+              className={`w-full mt-2 flex justify-between ${isCurrent ? 'text-primary-foreground' : 'text-foreground'}`}
+            >
+              <Chip
+                size="sm"
+                variant="bordered"
+                className={`${isCurrent ? 'text-primary-foreground border-primary-foreground' : 'border-primary text-primary'}`}
+              >
+                远程
+              </Chip>
+              <small>{dayjs(info.updated).fromNow()}</small>
+            </div>
+          )}
           {info.type === 'local' && (
             <div
               className={`mt-2 flex justify-between ${isCurrent ? 'text-primary-foreground' : 'text-foreground'}`}
@@ -274,8 +290,6 @@ const ProfileItem: React.FC<Props> = (props) => {
               </Chip>
             </div>
           )}
-        </CardBody>
-        <CardFooter className="pt-0">
           {extra && (
             <Progress
               className="w-full"
diff --git a/src/renderer/src/components/sider/profile-card.tsx b/src/renderer/src/components/sider/profile-card.tsx
index f3a41e1..b3369f4 100644
--- a/src/renderer/src/components/sider/profile-card.tsx
+++ b/src/renderer/src/components/sider/profile-card.tsx
@@ -130,6 +130,22 @@ const ProfileCard: React.FC = () => {
                 )}
               </div>
             )}
+          </CardBody>
+          <CardFooter className="pt-0">
+            {info.type === 'remote' && !extra && (
+              <div
+                className={`w-full mt-2 flex justify-between ${match ? 'text-primary-foreground' : 'text-foreground'}`}
+              >
+                <Chip
+                  size="sm"
+                  variant="bordered"
+                  className={`${match ? 'text-primary-foreground border-primary-foreground' : 'border-primary text-primary'}`}
+                >
+                  远程
+                </Chip>
+                <small>{dayjs(info.updated).fromNow()}</small>
+              </div>
+            )}
             {info.type === 'local' && (
               <div
                 className={`mt-2 flex justify-between ${match ? 'text-primary-foreground' : 'text-foreground'}`}
@@ -143,8 +159,6 @@ const ProfileCard: React.FC = () => {
                 </Chip>
               </div>
             )}
-          </CardBody>
-          <CardFooter className="pt-0">
             {extra && (
               <Progress
                 className="w-full"