[fix] some GitHub Copilot bugs

Author: TechQuery

components/Project/EvaluationDisplay.tsx

@@ -10,10 +10,7 @@ import { FC, useContext } from 'react';
 
 import { i18n, I18nContext } from '../../models/Translation';
 import userStore from '../../models/User';
-import {
-  PrototypeGeneratorToolbar,
-  PrototypeGeneratorToolbarProps,
-} from './PrototypeGeneratorToolbar';
+import { PrototypeGenerator, PrototypeGeneratorProps } from './PrototypeGenerator';
 
 export const DevelopmentScopeName = ({ t }: typeof i18n) => [
   t('product_prototype'),
@@ -25,7 +22,7 @@ export const DevelopmentScopeName = ({ t }: typeof i18n) => [
 
 export interface EvaluationDisplayProps
   extends RequirementEvaluation,
-    Pick<PrototypeGeneratorToolbarProps, 'projectId' | 'messageId'> {
+    Pick<PrototypeGeneratorProps, 'projectId' | 'messageId'> {
   prototypes?: PrototypeVersion[];
 }
 
@@ -96,7 +93,7 @@ export const EvaluationDisplay: FC<EvaluationDisplayProps> = observer(
                     {DevelopmentScopeName(i18n)[scope]}
 
                     {prototypeType && (
-                      <PrototypeGeneratorToolbar
+                      <PrototypeGenerator
                         {...{ projectId, messageId }}
                         type={prototypeType}
                         prototype={prototypes?.find(({ type }) => type === prototypeType)}
@@ -108,7 +105,7 @@ export const EvaluationDisplay: FC<EvaluationDisplayProps> = observer(
             </Box>
           </Box>
         )}
-        {models && models.length > 0 && (
+        {models?.[0] && (
           <Box className="evaluation-item">
             <Typography component="h4" sx={{ fontWeight: 600 }}>
               {t('feature_modules')}

components/Project/NewCard.tsx

@@ -5,8 +5,36 @@ import Link from 'next/link';
 import { FC, useContext } from 'react';
 
 import { I18nContext } from '../../models/Translation';
+import type zhCN from '../../translation/zh-CN';
 
-export const ProjectCard: FC<Project> = observer(({ id, name, status }) => {
+const statusTextKeys: (keyof typeof zhCN)[] = [
+  'project_open', // Open
+  'project_evaluated', // Evaluated
+  'project_contract_generated', // ContractGenerated
+  'project_in_development', // InDevelopment
+  'project_in_testing', // InTesting
+  'project_maintenance', // Maintenance
+];
+
+const bgColors: string[] = [
+  'grey.200', // Open
+  'success.light', // Evaluated
+  'warning.light', // ContractGenerated
+  'info.light', // InDevelopment
+  'secondary.light', // InTesting
+  'primary.light', // Maintenance
+];
+
+const textColors: string[] = [
+  'text.primary', // Open
+  'success.contrastText', // Evaluated
+  'warning.contrastText', // ContractGenerated
+  'info.contrastText', // InDevelopment
+  'secondary.contrastText', // InTesting
+  'primary.contrastText', // Maintenance
+];
+
+export const ProjectCard: FC<Project> = observer(({ id, name, status = 0 }) => {
   const { t } = useContext(I18nContext);
 
   return (
@@ -21,20 +49,11 @@ export const ProjectCard: FC<Project> = observer(({ id, name, status }) => {
             px: 1,
             py: 0.5,
             borderRadius: 1,
-            bgcolor: status === 1 ? 'success.light' : status === 0 ? 'grey.200' : 'warning.light',
-            color:
-              status === 1
-                ? 'success.contrastText'
-                : status === 0
-                  ? 'text.primary'
-                  : 'warning.contrastText',
+            bgcolor: bgColors[status] ?? 'grey.200',
+            color: textColors[status] ?? 'text.primary',
           }}
         >
-          {status === 1
-            ? t('project_open')
-            : status === 0
-              ? t('project_closed')
-              : t('project_pending')}
+          {t((statusTextKeys[status] ?? 'project_open') as keyof typeof zhCN)}
         </Typography>
       </CardContent>
       <CardActions>

…ts/Project/PrototypeGeneratorToolbar.tsx components/Project/PrototypeGenerator.tsxcomponents/Project/PrototypeGeneratorToolbar.tsx renamed to components/Project/PrototypeGenerator.tsx components/Project/PrototypeGeneratorToolbar.tsx renamed to components/Project/PrototypeGenerator.tsx

@@ -9,18 +9,15 @@ import { inViewport, sleep } from 'web-utility';
 import { PrototypeVersionModel } from '../../models/PrototypeVersion';
 import { i18n, I18nContext } from '../../models/Translation';
 
-export interface PrototypeGeneratorToolbarProps {
+export interface PrototypeGeneratorProps {
   projectId: number;
   messageId: number;
   type: PrototypeType;
   prototype?: PrototypeVersion;
 }
 
 @observer
-export class PrototypeGeneratorToolbar extends ObservedComponent<
-  PrototypeGeneratorToolbarProps,
-  typeof i18n
-> {
+export class PrototypeGenerator extends ObservedComponent<PrototypeGeneratorProps, typeof i18n> {
   static contextType = I18nContext;
 
   versionStore = new PrototypeVersionModel(this.props.projectId, this.props.type);

components/Project/Card.tsx components/Project/PublicCard.tsxcomponents/Project/Card.tsx renamed to components/Project/PublicCard.tsx

@@ -1,7 +1,7 @@
 import { FC } from 'react';
 
 import { Project } from '../../models/Project';
-import { ProjectCard } from './Card';
+import { ProjectCard } from './PublicCard';
 
 export interface ProjectListLayoutProps {
   defaultData: Project[];

components/Project/index.tsx

@@ -1,5 +1,4 @@
 import { PrototypeType, PrototypeVersion } from '@idea2app/data-server';
-import { toggle } from 'mobx-restful';
 
 import { TableModel } from './Base';
 import userStore from './User';
@@ -15,18 +14,4 @@ export class PrototypeVersionModel extends TableModel<PrototypeVersion> {
     super();
     this.baseURI = `project/${projectId}/prototype/${type}/version`;
   }
-
-  @toggle('downloading')
-  async getVersionByMessageId(messageId: number) {
-    try {
-      const { body } = await this.client.get<PrototypeVersion>(
-        `${this.baseURI}/message/${messageId}`,
-      );
-      return body;
-    } catch (error: any) {
-      if (error?.response?.status === 404) return;
-
-      console.error('Failed to fetch prototype version:', error);
-    }
-  }
 }

models/PrototypeVersion.ts

@@ -70,7 +70,7 @@
     "globals": "^16.4.0",
     "husky": "^9.1.7",
     "jiti": "^2.6.1",
-    "lint-staged": "^16.2.5",
+    "lint-staged": "^16.2.6",
     "postcss": "^8.5.6",
     "prettier": "^3.6.2",
     "prettier-plugin-css-order": "^2.1.2",

package.json

@@ -9,7 +9,6 @@ import { formToJSON, scrollTo, sleep } from 'web-utility';
 
 import { PageHead } from '../../../components/PageHead';
 import { EvaluationDisplay } from '../../../components/Project/EvaluationDisplay';
-import { PrototypeGeneratorToolbar } from '../../../components/Project/PrototypeGeneratorToolbar';
 import { ScrollList } from '../../../components/ScrollList';
 import { SessionBox } from '../../../components/User/SessionBox';
 import { ConsultMessageModel, ProjectModel } from '../../../models/ProjectEvaluation';

pages/dashboard/project/[id].tsx

@@ -6,7 +6,7 @@ import { FC, useContext } from 'react';
 import { GitCard } from '../../components/Git/Card';
 import { LarkImage } from '../../components/LarkImage';
 import { PageHead } from '../../components/PageHead';
-import { ProjectCard } from '../../components/Project/Card';
+import { ProjectCard } from '../../components/Project/PublicCard';
 import { Project, ProjectModel } from '../../models/Project';
 import { GitRepositoryModel } from '../../models/Repository';
 import { I18nContext } from '../../models/Translation';