[fix] data & style of Open Source page

models/Base/File.ts

@@ -26,11 +26,12 @@ export class AzureFileModel extends FileModel {
 
     const { status, title, detail } = data as unknown as ErrorBaseData;
 
-    throw new HTTPError(
-      detail || title,
-      { method, path: fullPath, headers, body },
-      { status, statusText: title, headers: header, body: data },
-    );
+    throw new HTTPError(detail || title, {
+      status,
+      statusText: title,
+      headers: header,
+      body: data,
+    });
   }
 
   @toggle('uploading')

models/Git.ts

@@ -75,9 +75,13 @@ export class SourceRepositoryModel extends RepositoryModel {
       .uniqueBy()
       .slice((page - 1) * per_page, page * per_page);
 
-    const pageData = await Promise.all(
-      list.map(full_name => this.getOne(full_name, relation)),
-    );
+    const pageData: Awaited<ReturnType<RepositoryModel['getOne']>>[] = [];
+
+    for (const full_name of list) {
+      const item = await this.getOne(full_name, relation);
+
+      pageData.push(item);
+    }
     return { pageData, totalCount: list.length };
   }
 }

package.json

@@ -20,7 +20,7 @@
     "echarts-jsx": "^0.5.4",
     "idea-react": "^2.0.0-rc.2",
     "jsonwebtoken": "^9.0.2",
-    "koajax": "^2.0.0",
+    "koajax": "^1.1.2",
     "leaflet": "^1.9.4",
     "leaflet.chinatmsproviders": "^3.0.6",
     "mobx": "^6.13.1",

pages/_app.tsx

@@ -20,9 +20,9 @@ enableStaticRendering(isServer());
 const { t } = i18n;
 
 globalThis.addEventListener?.('unhandledrejection', ({ reason }) => {
-  const { message, response } = (reason || {}) as HTTPError<ErrorBaseData>;
+  const { message, body } = (reason || {}) as HTTPError<ErrorBaseData>;
 
-  const tips = response.body?.detail || message;
+  const tips = body?.detail || message;
 
   if (tips) alert(tips);
 });

pages/api/core.ts

@@ -26,8 +26,7 @@ export function safeAPI(handler: NextAPI): NextAPI {
         console.error(error);
         return res.end(error);
       }
-      const { message, response } = error;
-      let { status, body } = response;
+      let { message, status, body } = error;
 
       res.status(status);
       res.statusMessage = message;

pages/open-source.tsx

@@ -3,7 +3,7 @@ import { Contributor, GitRepository } from 'mobx-github';
 import { observer } from 'mobx-react';
 import { cache, compose, translator } from 'next-ssr-middleware';
 import { FC } from 'react';
-import { Container } from 'react-bootstrap';
+import { Col, Container, Row } from 'react-bootstrap';
 
 import { GitCard, SimpleRepository } from '../components/Git/Card';
 import { PageHead } from '../components/layout/PageHead';
@@ -35,26 +35,32 @@ const OpenSourcePage: FC<OpenSourcePageProps> = observer(
   ({ repositories, contributors }) => (
     <Container>
       <PageHead title={t('open_source_code')} />
-      <h1 className="text-center">{t('open_source_code')}</h1>
+      <h1 className="my-5 text-center">{t('open_source_code')}</h1>
 
-      {SourceRepository.map((list, index) => (
+      {[...SourceRepository].reverse().map((list, index, { length }) => (
         <section key={index}>
-          <h2>v{index + 1}</h2>
+          <h2 className="my-4">v{length - index}</h2>
 
-          <ul className="list-unstyled d-flex flex-wrap gap-3 justify-content-around align-items-center">
+          <Row as="ul" className="list-unstyled g-3">
             {list.map(name => {
               const repository = repositories.find(
                 ({ full_name }) => full_name === name,
               );
               return (
-                <GitCard key={name} {...(repository as SimpleRepository)} />
+                <Col key={name}>
+                  <GitCard
+                    className="h-100"
+                    {...(repository as SimpleRepository)}
+                    renderController={() => <></>}
+                  />
+                </Col>
               );
             })}
-          </ul>
+          </Row>
         </section>
       ))}
 
-      <h2>{t('team_members')}</h2>
+      <h2 className="my-4">{t('team_members')}</h2>
       <TopUserList
         value={contributors.map(
           ({ id, login, avatar_url, contributions }, index) => ({