perf: claim

521xueweihan · 521xueweihan · commit 76d5cf3477a4 · 2025-07-10T16:29:40.000+08:00
diff --git a/public/locales/en/profile.json b/public/locales/en/profile.json
@@ -85,10 +85,13 @@
   },
   "repo": {
     "empty": "No projects",
-    "featured": "Featured",
-    "failed": "Failed",
-    "review": "Under Review",
     "feedback": "Feedback",
-    "appeal": "Appeal"
+    "appeal": "Appeal",
+    "category_all": "All",
+    "category_reject": "Rejected",
+    "category_pending": "Pending",
+    "category_pass": "Passed",
+    "category_featured": "Featured",
+    "category_claimed": "Claimed"
   }
 }
diff --git a/public/locales/zh/profile.json b/public/locales/zh/profile.json
@@ -85,10 +85,13 @@
   },
   "repo": {
     "empty": "暂无项目",
-    "featured": "已推荐",
-    "failed": "未通过",
-    "review": "审核中",
     "feedback": "反馈",
-    "appeal": "申诉"
+    "appeal": "申诉",
+    "category_all": "全部",
+    "category_reject": "未通过",
+    "category_pending": "审核中",
+    "category_pass": "已展示",
+    "category_featured": "已推荐",
+    "category_claimed": "已认领"
   }
 }
diff --git a/src/components/respository/Info.tsx b/src/components/respository/Info.tsx
@@ -467,7 +467,7 @@ const Info = ({ repo, t, i18n_lang }: RepositoryProps) => {
                 <div className='flex-row items-center md:flex'>
                   <span>{t('info.opensource')}</span>
                   <span className='mx-0.5 md:mx-1.5'>•</span>
-                  <NoPrefetchLink href={`/license/${repo.license_lid}`}>
+                  <NoPrefetchLink href={`/license/${repo.license_spdx_id}`}>
                     <span className='inline-flex max-w-[65px] cursor-pointer overflow-hidden text-ellipsis whitespace-nowrap text-blue-500 md:max-w-full'>
                       {repo.license}
                     </span>
@@ -478,7 +478,9 @@ const Info = ({ repo, t, i18n_lang }: RepositoryProps) => {
           </div>
           <div className='flex flex-row gap-x-1 text-sm md:gap-x-4'>
             {!repo.is_claimed && (
-              <NoPrefetchLink href={`/badge?rid=${repo.rid}`}>
+              <NoPrefetchLink
+                href={`/badge?rid=${repo.rid}&full_name=${repo.full_name}`}
+              >
                 <div className='flex cursor-pointer items-center justify-center text-blue-500 hover:text-current active:text-gray-400 md:hover:text-blue-600'>
                   <BsPersonCheck className='mr-1' size={16} />
                   {t('info.claim')}
diff --git a/src/components/user/RepoList.tsx b/src/components/user/RepoList.tsx
@@ -8,16 +8,16 @@ import Loading from '../loading/Loading';
 
 import { UserTabProps } from '@/types/user';
 
-const categoryItems = [
-  { name: '不限', value: 0 },
-  { name: '未通过', value: -1 },
-  { name: '待审核', value: 1 },
-  { name: '已通过', value: 2 },
-];
-
 const RepoList = ({ uid, t }: UserTabProps) => {
   const [state, setState] = useState(0);
   const { data, setPage } = useRepoHistory(uid, state);
+  const categoryItems = [
+    { name: t('repo.category_all'), value: 0 },
+    { name: t('repo.category_reject'), value: -1 },
+    { name: t('repo.category_pending'), value: 1 },
+    { name: t('repo.category_pass'), value: 2 },
+    { name: t('repo.category_claimed'), value: 3 },
+  ];
 
   const selectState = (e: any) => {
     setState(e.target.value);
diff --git a/src/components/user/RepoRecord.tsx b/src/components/user/RepoRecord.tsx
@@ -51,7 +51,7 @@ const RepoStatus = ({ item, t, showStatus }: RepoStatusProps) => {
           )}
         >
           <span className='mr-1 h-1.5 w-1.5 rounded-full bg-red-500' />
-          <span>{t('repo.failed')}</span>
+          <span>{t('repo.category_reject')}</span>
           <span className='mx-1.5 text-gray-300 dark:text-gray-600'>|</span>
           <span className='opacity-85'>{t('repo.appeal')}</span>
         </div>
@@ -67,7 +67,7 @@ const RepoStatus = ({ item, t, showStatus }: RepoStatusProps) => {
         )}
       >
         <span className='mr-1 h-1.5 w-1.5 rounded-full bg-yellow-500' />
-        <span>{t('repo.review')}</span>
+        <span>{t('repo.category_pending')}</span>
         <span className='mx-1.5 text-gray-300 dark:text-gray-600'>|</span>
         <span className='opacity-85'>{t('repo.feedback')}</span>
       </div>
@@ -87,7 +87,9 @@ const RepoStatus = ({ item, t, showStatus }: RepoStatusProps) => {
           >
             <span className='mr-1 h-1.5 w-1.5 rounded-full bg-green-500' />
             <span>
-              {item.is_featured ? t('repo.featured') : t('comment.show')}
+              {item.is_featured
+                ? t('repo.category_featured')
+                : t('repo.category_pass')}
             </span>
           </div>
           <Divider />
diff --git a/src/pages/badge/index.tsx b/src/pages/badge/index.tsx
@@ -5,6 +5,7 @@ import { useRouter } from 'next/router';
 import { Trans, useTranslation } from 'next-i18next';
 import { serverSideTranslations } from 'next-i18next/serverSideTranslations';
 import { useEffect, useState } from 'react';
+import { FaGithub } from 'react-icons/fa';
 
 import { useLoginContext } from '@/hooks/useLoginContext';
 
@@ -20,7 +21,7 @@ import { API_HOST, API_ROOT_PATH } from '@/utils/api';
 
 const EmbedPage: NextPage = () => {
   const router = useRouter();
-  const { rid } = router.query;
+  const { rid, full_name } = router.query;
   const { t } = useTranslation('claim');
 
   const [url, setUrl] = useState('');
@@ -31,6 +32,7 @@ const EmbedPage: NextPage = () => {
   const [isLoading, setIsLoading] = useState(false); // 状态：是否在提交中
   const [theme, setTheme] = useState<string>('neutral');
   const [svgFile, setSVGFile] = useState<string>('');
+  const [fullName, setFullName] = useState('');
 
   const generateBadge = () => {
     if (!repoID) return;
@@ -45,11 +47,12 @@ const EmbedPage: NextPage = () => {
 
   useEffect(() => {
     if (rid) setRepoID(rid as string);
-  }, [rid]);
+    if (full_name) setFullName(full_name as string);
+  }, [rid, full_name]);
 
   useEffect(() => {
     if (repoID) generateBadge();
-  }, [repoID, userInfo]);
+  }, [userInfo, repoID]);
 
   const themeClassName = (themeName: string) =>
     classNames('px-2 py-1 text-xs', {
@@ -76,6 +79,7 @@ const EmbedPage: NextPage = () => {
         return Message.error(t('submit.check_fail4'));
       case 3:
         setRepoID(info_res.data.rid);
+        setFullName(info_res.data.full_name);
         break;
       case 4:
         return Message.error(t('submit.check_fail5'));
@@ -86,7 +90,7 @@ const EmbedPage: NextPage = () => {
 
   const handleCopy = () => {
     if (!isLogin) return login();
-    const pageURL = `https://hellogithub.com/repository/${repoID}`;
+    const pageURL = `https://hellogithub.com/repository/${fullName}`;
     const text =
       theme === 'small'
         ? `<a href="${pageURL}" target="_blank"><img src="${svgFile}" alt="Featured｜HelloGitHub" /></a>`
@@ -174,49 +178,60 @@ const EmbedPage: NextPage = () => {
                 {t('generate.title')}
               </h3>
               {repoID ? (
-                <div className='flex flex-col rounded-lg bg-gray-100 dark:bg-gray-700'>
-                  <div className='flex rounded-t-lg bg-gray-200 dark:bg-slate-900'>
-                    <div className='p-2'>
-                      <div className='flex cursor-pointer rounded-full bg-gray-50 dark:bg-gray-600'>
-                        <div
-                          className={themeClassName('neutral')}
-                          onClick={() => handleTheme('neutral')}
-                        >
-                          {t('badge_theme_neutral')}
-                        </div>
-                        <div
-                          className={themeClassName('dark')}
-                          onClick={() => handleTheme('dark')}
-                        >
-                          {t('badge_theme_dark')}
+                <>
+                  <div className='flex flex-col rounded-lg bg-gray-100 dark:bg-gray-700'>
+                    <div className='flex rounded-t-lg bg-gray-200 dark:bg-slate-900'>
+                      <div className='p-2'>
+                        <div className='flex cursor-pointer rounded-full bg-gray-50 dark:bg-gray-600'>
+                          <div
+                            className={themeClassName('neutral')}
+                            onClick={() => handleTheme('neutral')}
+                          >
+                            {t('badge_theme_neutral')}
+                          </div>
+                          <div
+                            className={themeClassName('dark')}
+                            onClick={() => handleTheme('dark')}
+                          >
+                            {t('badge_theme_dark')}
+                          </div>
+                          <div
+                            className={themeClassName('small')}
+                            onClick={() => handleTheme('small')}
+                          >
+                            {t('badge_theme_small')}
+                          </div>
                         </div>
-                        <div
-                          className={themeClassName('small')}
-                          onClick={() => handleTheme('small')}
+                      </div>
+                      <div className='shrink grow' />
+                      <div className='p-1.5'>
+                        <Button
+                          onClick={handleCopy}
+                          className='cursor-pointer rounded-md bg-gray-50 px-2 py-1 text-xs font-medium text-gray-600 dark:bg-gray-600'
                         >
-                          {t('badge_theme_small')}
-                        </div>
+                          {t('copy.text')}
+                        </Button>
                       </div>
                     </div>
-                    <div className='shrink grow' />
-                    <div className='p-1.5'>
-                      <Button
-                        onClick={handleCopy}
-                        className='cursor-pointer rounded-md bg-gray-50 px-2 py-1 text-xs font-medium text-gray-600 dark:bg-gray-600'
-                      >
-                        {t('copy.text')}
-                      </Button>
-                    </div>
-                  </div>
 
-                  <div className='my-8 flex justify-center'>
-                    {svgFile ? (
-                      <img className='w-max-full' src={svgFile} />
-                    ) : (
-                      <Loading />
-                    )}
+                    <div className='my-8 flex justify-center'>
+                      {svgFile ? (
+                        <img className='w-max-full' src={svgFile} />
+                      ) : (
+                        <Loading />
+                      )}
+                    </div>
                   </div>
-                </div>
+                  {fullName && (
+                    <div
+                      className='mx-auto mt-1 mb-4 flex max-w-full select-text items-center justify-center gap-1 overflow-hidden truncate whitespace-nowrap text-center text-xs font-normal not-italic leading-tight text-gray-400 dark:text-gray-500 md:max-w-xl md:text-sm'
+                      title={fullName}
+                    >
+                      <FaGithub className='inline-block text-base' />
+                      {fullName}
+                    </div>
+                  )}
+                </>
               ) : (
                 <div className='flex items-center space-x-4 rounded-lg bg-gray-100 p-4 dark:bg-gray-700'>
                   <input
diff --git a/src/types/repository.tsx b/src/types/repository.tsx
@@ -35,6 +35,7 @@ export interface Repository extends RepoType {
   online: string | null;
   other_url: string | null;
   license_lid: string;
+  license_spdx_id: string;
 
   star_history: StarHistory;
 
