[add] Lark form buttons in Hackathon home page

[optimize] upgrade to File-Type 22 & other latest Upstream packagesw

Author: TechQuery

package.json

@@ -15,20 +15,20 @@
   },
   "dependencies": {
     "@giscus/react": "^3.1.0",
-    "@koa/router": "^15.3.0",
+    "@koa/router": "^15.4.0",
     "@mdx-js/loader": "^3.1.1",
     "@mdx-js/react": "^3.1.1",
-    "@next/mdx": "^16.1.6",
-    "core-js": "^3.48.0",
+    "@next/mdx": "^16.2.1",
+    "core-js": "^3.49.0",
     "echarts-jsx": "^0.6.0",
-    "file-type": "^21.3.0",
+    "file-type": "^22.0.0",
     "idea-react": "^2.0.0-rc.13",
     "jsonwebtoken": "^9.0.3",
-    "koa": "^3.1.1",
+    "koa": "^3.2.0",
     "koa-jwt": "^4.0.4",
-    "koajax": "^3.1.2",
+    "koajax": "^3.3.0",
     "license-filter": "^0.2.5",
-    "marked": "^17.0.3",
+    "marked": "^17.0.5",
     "mime": "^4.1.0",
     "mobx": "^6.15.0",
     "mobx-github": "^0.6.2",
@@ -39,10 +39,10 @@
     "mobx-restful": "^2.1.4",
     "mobx-restful-table": "^2.6.3",
     "mobx-strapi": "^0.8.1",
-    "next": "^16.1.6",
+    "next": "^16.2.1",
     "next-pwa": "^5.6.0",
     "next-ssr-middleware": "^1.1.0",
-    "nodemailer": "^8.0.1",
+    "nodemailer": "^8.0.4",
     "open-react-map": "^0.9.1",
     "react": "^19.2.4",
     "react-bootstrap": "^2.10.10",
@@ -51,43 +51,43 @@
     "remark-frontmatter": "^5.0.0",
     "remark-mdx-frontmatter": "^5.2.0",
     "web-utility": "^4.6.4",
-    "yaml": "^2.8.2"
+    "yaml": "^2.8.3"
   },
   "devDependencies": {
     "@babel/plugin-proposal-decorators": "^7.29.0",
     "@babel/plugin-transform-typescript": "^7.28.6",
     "@babel/preset-react": "^7.28.5",
     "@cspell/eslint-plugin": "^9.7.0",
     "@eslint/js": "^10.0.1",
-    "@next/eslint-plugin-next": "^16.1.6",
+    "@next/eslint-plugin-next": "^16.2.1",
     "@open-source-bazaar/china-ngo-database": "^0.6.0",
     "@softonus/prettier-plugin-duplicate-remover": "^1.1.2",
-    "@stylistic/eslint-plugin": "^5.9.0",
+    "@stylistic/eslint-plugin": "^5.10.0",
     "@types/eslint-config-prettier": "^6.11.3",
     "@types/jsonwebtoken": "^9.0.10",
-    "@types/koa": "^3.0.1",
+    "@types/koa": "^3.0.2",
     "@types/next-pwa": "^5.6.9",
-    "@types/node": "^24.10.13",
+    "@types/node": "^24.12.0",
     "@types/nodemailer": "^7.0.11",
     "@types/react": "^19.2.14",
     "@types/react-dom": "^19.2.3",
-    "eslint": "^10.0.2",
-    "eslint-config-next": "^16.1.6",
+    "eslint": "^10.1.0",
+    "eslint-config-next": "^16.2.1",
     "eslint-config-prettier": "^10.1.8",
     "eslint-plugin-react": "^7.37.5",
     "eslint-plugin-simple-import-sort": "^12.1.1",
-    "globals": "^17.3.0",
+    "globals": "^17.4.0",
     "husky": "^9.1.7",
     "jiti": "^2.6.1",
-    "less": "^4.5.1",
-    "less-loader": "^12.3.1",
-    "lint-staged": "^16.2.7",
+    "less": "^4.6.4",
+    "less-loader": "^12.3.2",
+    "lint-staged": "^16.4.0",
     "next-with-less": "^3.0.1",
     "prettier": "^3.8.1",
     "prettier-plugin-css-order": "^2.2.0",
-    "sass": "^1.97.3",
+    "sass": "^1.98.0",
     "typescript": "~5.9.3",
-    "typescript-eslint": "^8.56.1"
+    "typescript-eslint": "^8.57.2"
   },
   "resolutions": {
     "mobx-react-helper": "$mobx-react-helper",

pages/hackathon/[id].tsx

@@ -3,7 +3,17 @@ import { observer } from 'mobx-react';
 import Link from 'next/link';
 import { cache, compose, errorLogger } from 'next-ssr-middleware';
 import { FC, useContext } from 'react';
-import { Badge, Card, Col, Container, Row } from 'react-bootstrap';
+import {
+  Badge,
+  Button,
+  ButtonGroup,
+  Card,
+  Col,
+  Container,
+  Dropdown,
+  DropdownButton,
+  Row,
+} from 'react-bootstrap';
 import { text2color, UserRankView } from 'idea-react';
 import { formatDate } from 'web-utility';
 
@@ -67,21 +77,14 @@ interface HackathonDetailProps {
   };
 }
 
-const formatDateTime = (dateString: string) => {
-  const date = new Date(dateString);
-  return date.toLocaleString('zh-CN', {
-    month: 'numeric',
-    day: 'numeric',
-    hour: '2-digit',
-    minute: '2-digit',
-  });
-};
+const FormButtonBar = ['Person', 'Project', 'Product', 'Evaluation'];
 
 const HackathonDetail: FC<HackathonDetailProps> = observer(({ activity, hackathon }) => {
   const { t } = useContext(I18nContext);
 
-  const { name, summary, location, startTime, endTime } = activity,
+  const { name, summary, location, startTime, endTime, databaseSchema } = activity,
     { people, organizations, agenda, prizes, templates, projects } = hackathon;
+  const { forms } = databaseSchema as BiTableSchema;
 
   return (
     <>
@@ -99,7 +102,7 @@ const HackathonDetail: FC<HackathonDetailProps> = observer(({ activity, hackatho
                 <Card.Body>
                   <h5 className="text-white mb-2">📍 {t('event_location')}</h5>
                   <p className="text-white-50 mb-0">
-                    {(location as TableCellLocation).full_address}
+                    {(location as TableCellLocation)?.full_address}
                   </p>
                 </Card.Body>
               </Card>
@@ -115,6 +118,33 @@ const HackathonDetail: FC<HackathonDetailProps> = observer(({ activity, hackatho
               </Card>
             </Col>
           </Row>
+
+          <ButtonGroup className="d-flex mt-3">
+            {FormButtonBar.map((key, index) => {
+              const list = forms[key]?.filter(
+                // @ts-expect-error Upstream types bug
+                ({ shared_limit }) => shared_limit === 'anyone_editable',
+              );
+
+              return !list?.[0] ? null : list.length < 2 ? (
+                <Button href={list[0].shared_url} target="_blank" rel="noreferrer">
+                  {index + 1}. {list[0].name}
+                </Button>
+              ) : (
+                <DropdownButton
+                  as={ButtonGroup}
+                  title={`${index + 1}. ${t('product_submission')}`}
+                  id={`dropdown-${key}`}
+                >
+                  {list.map(({ name, shared_url }) => (
+                    <Dropdown.Item key={name} href={shared_url} target="_blank" rel="noreferrer">
+                      {name}
+                    </Dropdown.Item>
+                  ))}
+                </DropdownButton>
+              );
+            })}
+          </ButtonGroup>
         </Container>
       </section>