17 |
18 |
--------------------------------------------------------------------------------
/.github/workflows/ci.yml:
--------------------------------------------------------------------------------
1 | name: Check PR
2 |
3 | on: [pull_request]
4 |
5 | jobs:
6 | run-ci:
7 | env:
8 | GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }}
9 |
10 | name: Run Type Check & Linters
11 | runs-on: ubuntu-latest
12 |
13 | steps:
14 | - name: Checkout repository
15 | uses: actions/checkout@v3
16 | with:
17 | fetch-depth: 0
18 |
19 | - name: Set up Node
20 | uses: actions/setup-node@v3
21 | with:
22 | node-version: 14
23 |
24 | - name: Install dependencies (with cache)
25 | uses: bahmutov/npm-install@v1
26 |
27 | - name: Check types
28 | run: yarn type-check
29 |
30 | - name: Check linting
31 | run: yarn lint
32 |
33 | - name: Check commits messages
34 | uses: wagoid/commitlint-github-action@v4
35 |
--------------------------------------------------------------------------------
/src/const.ts:
--------------------------------------------------------------------------------
1 | import { RoomType } from "./types";
2 |
3 | export const CategoryMap = {
4 | all: "全部商品",
5 | "living-room": "客厅",
6 | "dining-room": "餐厅",
7 | kitchen: "厨房",
8 | bedroom: "卧室",
9 | bathroom: "浴室",
10 | "childrens-room": "儿童房",
11 | "home-office": "书房和办公室",
12 | hallway: "门厅",
13 | outdoor: "户外",
14 | laundry: "洗衣房",
15 | balcony: "阳台",
16 | other: "其他",
17 | } as { [key in RoomType]: string };
18 |
19 | export const CategoryColorMap = {
20 | all: "#4b82ee",
21 | "living-room": "#ffd800",
22 | "dining-room": "#1a52bf",
23 | kitchen: "#5de04e",
24 | bedroom: "#4ee0a7",
25 | bathroom: "#4eb3e0",
26 | "childrens-room": "#4e8ce0",
27 | "home-office": "#4e62e0",
28 | hallway: "#884ee0",
29 | outdoor: "#e04ed6",
30 | laundry: "#349f44",
31 | balcony: "#cf7474",
32 | other: "#1a52bf",
33 | } as { [key in RoomType]: string };
34 |
--------------------------------------------------------------------------------
/src/pages/_app.tsx:
--------------------------------------------------------------------------------
1 | import { AppProps } from "next/app";
2 | import { useRouter } from "next/router";
3 | import { useEffect } from "react";
4 |
5 | import * as ga from "@/utils/ga";
6 |
7 | import "@/styles/global.css";
8 |
9 | export default function MyApp({ Component, pageProps }: AppProps) {
10 | const router = useRouter();
11 |
12 | useEffect(() => {
13 | const handleRouteChange = (url: string) => {
14 | ga.pageview(url);
15 | };
16 | // When the component is mounted, subscribe to router changes
17 | // and log those page views
18 | router.events.on(`routeChangeComplete`, handleRouteChange);
19 | // If the component is unmounted, unsubscribe
20 | // from the event with the `off` method
21 | return () => {
22 | router.events.off(`routeChangeComplete`, handleRouteChange);
23 | };
24 | }, [router.events]);
25 | return