From bfc822d2e2da0e5bd9632d8baf6488ab599434b9 Mon Sep 17 00:00:00 2001
From: TechQuery <shiy2008@gmail.com>
Date: Thu, 28 Dec 2023 14:52:43 +0800
Subject: [PATCH] [add] Time Range component [fix] some SSR detail errors [fix]
 Sentry SSL error in Docker

---
 Dockerfile                                      |  2 +-
 components/Activity/Agenda/Card.tsx             |  5 ++---
 components/Base/TimeRange.tsx                   | 15 +++++++++++++++
 models/Activity/index.ts                        | 11 ++++++++++-
 models/Product/Article.ts                       | 11 ++++++++++-
 pages/activity/[id]/agenda/[agendaId]/index.tsx |  6 +++---
 pages/community/pioneer.tsx                     |  3 ++-
 pages/user/[uuid].tsx                           |  4 ++--
 8 files changed, 45 insertions(+), 12 deletions(-)
 create mode 100644 components/Base/TimeRange.tsx

diff --git a/Dockerfile b/Dockerfile
index d09059f56..78a44ea46 100644
--- a/Dockerfile
+++ b/Dockerfile
@@ -1,6 +1,6 @@
 FROM node:18-slim AS base
 RUN apt-get update && \
-    apt-get install curl -y --no-install-recommends
+    apt-get install ca-certificates curl -y --no-install-recommends
 ENV PNPM_HOME="/pnpm"
 ENV PATH="$PNPM_HOME:$PATH"
 RUN corepack enable
diff --git a/components/Activity/Agenda/Card.tsx b/components/Activity/Agenda/Card.tsx
index 015182fd2..326d8972b 100644
--- a/components/Activity/Agenda/Card.tsx
+++ b/components/Activity/Agenda/Card.tsx
@@ -4,12 +4,12 @@ import { observer } from 'mobx-react';
 import dynamic from 'next/dynamic';
 import { Component } from 'react';
 import { Badge, Carousel, Col, Container, Row } from 'react-bootstrap';
-import { formatDate } from 'web-utility';
 
 import { blobURLOf } from '../../../models/Base';
 import { LarkImage } from '../../Base/LarkImage';
 import { ScoreBar } from '../../Base/ScoreBar';
 import { TextScrollableBox } from '../../Base/TextScrollableBox';
+import { TimeRange } from '../../Base/TimeRange';
 import { ActivityPeople } from '../People';
 import { AgendaToolbarProps } from './Toolbar';
 
@@ -98,8 +98,7 @@ export class AgendaCard extends Component<AgendaToolbarProps> {
             </h3>
             <ul className="list-unstyled flex-fill d-flex flex-column justify-content-between gap-2">
               <li>
-                🕒 {formatDate(+startTime!, 'YYYY-MM-DD')} ~{' '}
-                {formatDate(+endTime!, 'YYYY-MM-DD')}
+                <TimeRange {...{ startTime, endTime }} />
               </li>
               <li>{(mentorOrganizations as string[])?.join(' ')}</li>
 
diff --git a/components/Base/TimeRange.tsx b/components/Base/TimeRange.tsx
new file mode 100644
index 000000000..50469d14d
--- /dev/null
+++ b/components/Base/TimeRange.tsx
@@ -0,0 +1,15 @@
+import { TableCellValue } from 'mobx-lark';
+import { FC } from 'react';
+import { formatDate } from 'web-utility';
+
+export const TimeRange: FC<Record<'startTime' | 'endTime', TableCellValue>> = ({
+  startTime,
+  endTime,
+}) =>
+  startTime &&
+  endTime && (
+    <>
+      🕒 {formatDate(+startTime!, 'YYYY-MM-DD')} ~{' '}
+      {formatDate(+endTime!, 'YYYY-MM-DD')}
+    </>
+  );
diff --git a/models/Activity/index.ts b/models/Activity/index.ts
index 44b8d65f7..2941238ee 100644
--- a/models/Activity/index.ts
+++ b/models/Activity/index.ts
@@ -1,3 +1,4 @@
+import { HTTPError } from 'koajax';
 import { action, computed, makeObservable, observable } from 'mobx';
 import {
   BiDataTable,
@@ -185,13 +186,21 @@ export class ActivityModel extends BiDataTable<Activity>() {
     return database ? `/activity/${alias || id}` : link + '';
   }
 
+  @toggle('downloading')
   async getOneByAlias(alias: string) {
     const { body } = await this.client.get<LarkPageData<TableRecord<Activity>>>(
       `${this.baseURI}?${buildURLData({
         filter: makeSimpleFilter({ alias }, '='),
       })}`,
     );
-    const [item] = body!.data!.items;
+    const [item] = body!.data!.items || [];
+
+    if (!item)
+      throw new HTTPError(`Activity "${alias}" is not found`, {
+        status: 404,
+        statusText: 'Not found',
+        headers: {},
+      });
     return (this.currentOne = this.normalize(item));
   }
 
diff --git a/models/Product/Article.ts b/models/Product/Article.ts
index c46a0e2fd..738eb3743 100644
--- a/models/Product/Article.ts
+++ b/models/Product/Article.ts
@@ -1,3 +1,4 @@
+import { HTTPError } from 'koajax';
 import {
   BiDataTable,
   LarkPageData,
@@ -67,7 +68,15 @@ export class ArticleModel extends BiDataTable<Article>() {
         filter: makeSimpleFilter({ alias }, '='),
       })}`,
     );
-    const item = this.normalize(body!.data!.items[0]);
+    const [rawItem] = body!.data!.items || [];
+
+    if (!rawItem)
+      throw new HTTPError(`Article "${alias}" is not found`, {
+        status: 404,
+        statusText: 'Not found',
+        headers: {},
+      });
+    const item = this.normalize(rawItem);
 
     const path = `article/${
       (item.link as string).split('/').slice(-1)[0]
diff --git a/pages/activity/[id]/agenda/[agendaId]/index.tsx b/pages/activity/[id]/agenda/[agendaId]/index.tsx
index f23679212..0bdc16ba5 100644
--- a/pages/activity/[id]/agenda/[agendaId]/index.tsx
+++ b/pages/activity/[id]/agenda/[agendaId]/index.tsx
@@ -21,7 +21,7 @@ import {
   DropdownButton,
   Row,
 } from 'react-bootstrap';
-import { buildURLData, formatDate } from 'web-utility';
+import { buildURLData } from 'web-utility';
 
 import {
   ActivityPeople,
@@ -33,6 +33,7 @@ import {
 import { CommentBox } from '../../../../../components/Base/CommentBox';
 import { QRCodeButton } from '../../../../../components/Base/QRCodeButton';
 import { ScoreBar } from '../../../../../components/Base/ScoreBar';
+import { TimeRange } from '../../../../../components/Base/TimeRange';
 import PageHead from '../../../../../components/Layout/PageHead';
 import { Activity, ActivityModel } from '../../../../../models/Activity';
 import { Agenda } from '../../../../../models/Activity/Agenda';
@@ -128,8 +129,7 @@ export default class AgendaDetailPage extends PureComponent<AgendaDetailPageProp
 
           <div className="text-success">{forum as string}</div>
           <div>
-            🕒 {formatDate(+startTime!, 'YYYY-MM-DD')} ~{' '}
-            {formatDate(+endTime!, 'YYYY-MM-DD')}
+            <TimeRange {...{ startTime, endTime }} />
           </div>
         </div>
 
diff --git a/pages/community/pioneer.tsx b/pages/community/pioneer.tsx
index cb7526006..99f613c3e 100644
--- a/pages/community/pioneer.tsx
+++ b/pages/community/pioneer.tsx
@@ -1,6 +1,6 @@
 import { observer } from 'mobx-react';
 import { InferGetServerSidePropsType } from 'next';
-import { compose, errorLogger, translator } from 'next-ssr-middleware';
+import { cache, compose, errorLogger, translator } from 'next-ssr-middleware';
 import { FC } from 'react';
 import { Breadcrumb, Container } from 'react-bootstrap';
 
@@ -11,6 +11,7 @@ import { i18n } from '../../models/Base/Translation';
 import { PersonnelModel } from '../../models/Personnel';
 
 export const getServerSideProps = compose<{}, Pick<PersonnelModel, 'group'>>(
+  cache(),
   errorLogger,
   translator(i18n),
   async () => {
diff --git a/pages/user/[uuid].tsx b/pages/user/[uuid].tsx
index 42d51b1f7..b178d3f67 100644
--- a/pages/user/[uuid].tsx
+++ b/pages/user/[uuid].tsx
@@ -3,7 +3,7 @@ import { TimeDistance } from 'idea-react';
 import { observer } from 'mobx-react';
 import { ScrollList } from 'mobx-restful-table';
 import { InferGetServerSidePropsType } from 'next';
-import { cache, compose } from 'next-ssr-middleware';
+import { cache, compose, errorLogger } from 'next-ssr-middleware';
 import { PureComponent } from 'react';
 import { Breadcrumb, Button, Col, Container, Row } from 'react-bootstrap';
 
@@ -15,7 +15,7 @@ import userStore, { UserModel } from '../../models/Base/User';
 export const getServerSideProps = compose<
   { uuid: string },
   { user: User; checkEvents: CheckEvent[] }
->(cache(), async ({ params: { uuid } = {} }) => {
+>(cache(), errorLogger, async ({ params: { uuid } = {} }) => {
   const user = await new UserModel().getOne(uuid!);
 
   const checkEvents = await new CheckEventModel().getList({ user: user.id });