From 05c6edfe2f442aff439027828b5811ad06798bea Mon Sep 17 00:00:00 2001
From: Steven <stevenlgtm@gmail.com>
Date: Wed, 26 Jun 2024 22:11:18 +0800
Subject: [PATCH] chore: tweak auth pages

---
 .../Settings/AccessTokenSection.tsx           |  2 +-
 web/src/pages/SignIn.tsx                      |  4 ++--
 web/src/pages/SignUp.tsx                      | 21 +++++++++++--------
 3 files changed, 15 insertions(+), 12 deletions(-)

diff --git a/web/src/components/Settings/AccessTokenSection.tsx b/web/src/components/Settings/AccessTokenSection.tsx
index 1ae31441..dff68b92 100644
--- a/web/src/components/Settings/AccessTokenSection.tsx
+++ b/web/src/components/Settings/AccessTokenSection.tsx
@@ -13,7 +13,7 @@ import LearnMore from "../LearnMore";
 
 const listAccessTokens = async (name: string) => {
   const { accessTokens } = await userServiceClient.listUserAccessTokens({ name });
-  return accessTokens;
+  return accessTokens.sort((a, b) => (b.issuedAt?.getTime() ?? 0) - (a.issuedAt?.getTime() ?? 0));
 };
 
 const AccessTokenSection = () => {
diff --git a/web/src/pages/SignIn.tsx b/web/src/pages/SignIn.tsx
index 4155dae7..83c20f75 100644
--- a/web/src/pages/SignIn.tsx
+++ b/web/src/pages/SignIn.tsx
@@ -118,7 +118,7 @@ const SignIn = () => {
         </div>
         <form className="w-full mt-2" onSubmit={handleFormSubmit}>
           <div className="flex flex-col justify-start items-start w-full gap-4">
-            <div className="w-full flex flex-col justify-start items-start gap-2">
+            <div className="w-full flex flex-col justify-start items-start">
               <span className="leading-8 text-gray-600">{t("common.username")}</span>
               <Input
                 className="w-full"
@@ -131,7 +131,7 @@ const SignIn = () => {
                 required
               />
             </div>
-            <div className="w-full flex flex-col justify-start items-start gap-2">
+            <div className="w-full flex flex-col justify-start items-start">
               <span className="leading-8 text-gray-600">{t("common.password")}</span>
               <Input
                 className="w-full"
diff --git a/web/src/pages/SignUp.tsx b/web/src/pages/SignUp.tsx
index efa89bd7..2bdf75bd 100644
--- a/web/src/pages/SignUp.tsx
+++ b/web/src/pages/SignUp.tsx
@@ -88,7 +88,7 @@ const SignUp = () => {
         <p className="w-full text-2xl mt-2 dark:text-gray-500">{t("auth.create-your-account")}</p>
         <form className="w-full mt-2" onSubmit={handleFormSubmit}>
           <div className="flex flex-col justify-start items-start w-full gap-4">
-            <div className="w-full flex flex-col justify-start items-start gap-2">
+            <div className="w-full flex flex-col justify-start items-start">
               <span className="leading-8 text-gray-600">{t("common.username")}</span>
               <Input
                 className="w-full"
@@ -101,7 +101,7 @@ const SignUp = () => {
                 required
               />
             </div>
-            <div className="w-full flex flex-col justify-start items-start gap-2">
+            <div className="w-full flex flex-col justify-start items-start">
               <span className="leading-8 text-gray-600">{t("common.password")}</span>
               <Input
                 className="w-full"
@@ -128,13 +128,16 @@ const SignUp = () => {
             </Button>
           </div>
         </form>
-        {!commonContext.profile.owner && <p className="w-full mt-4 text-sm font-medium dark:text-gray-500">{t("auth.host-tip")}</p>}
-        <p className="w-full mt-4 text-sm">
-          <span className="dark:text-gray-500">{t("auth.sign-in-tip")}</span>
-          <Link to="/auth" className="cursor-pointer ml-2 text-blue-600 hover:underline" unstable_viewTransition>
-            {t("common.sign-in")}
-          </Link>
-        </p>
+        {!commonContext.profile.owner ? (
+          <p className="w-full mt-4 text-sm font-medium dark:text-gray-500">{t("auth.host-tip")}</p>
+        ) : (
+          <p className="w-full mt-4 text-sm">
+            <span className="dark:text-gray-500">{t("auth.sign-in-tip")}</span>
+            <Link to="/auth" className="cursor-pointer ml-2 text-blue-600 hover:underline" unstable_viewTransition>
+              {t("common.sign-in")}
+            </Link>
+          </p>
+        )}
       </div>
       <div className="mt-4 flex flex-row items-center justify-center w-full gap-2">
         <LocaleSelect value={commonContext.locale} onChange={handleLocaleSelectChange} />