Website overhaul #726

tran-christian · 2026-01-08T10:59:11Z

Migrate from Pages to App Router, migrate from Material UI to Mantine, Upgrade NextJS, and Storybook, other chores.

vercel · 2026-01-08T10:59:17Z

The latest updates on your projects. Learn more about Vercel for GitHub.

Project	Deployment	Review	Updated (UTC)
website	Ready	Preview, Comment	Jan 10, 2026 5:07am

.github/workflows/chromatic.yml

.github/workflows/eslint.yml

.github/workflows/jest.yml

.github/workflows/chromatic.yml

.github/workflows/eslint.yml

.github/workflows/jest.yml

app/layout.tsx

awpala · 2026-01-08T18:32:09Z

app/about/page.tsx

@@ -0,0 +1,9 @@
+export default function AboutPage() {


I'm fine consolidating this page and trimming some of the old content, but I think it should still include the Discord link from before.

Copilot

Pull request overview

This pull request implements a major migration from Next.js Pages Router to App Router, along with significant version upgrades to Next.js (to 16.1.0), Material UI (to v7), Storybook (to v10), React (to v19), and switches the package manager from Yarn to pnpm.

Key changes:

Migration from Pages Router architecture to App Router with new app/ directory structure
Upgraded Next.js, React, Material UI, and Storybook to latest/future versions
Replaced router hooks (useRouter from next/router → next/navigation)
Updated Material UI Grid components to use new size prop API
Added hydration mismatch fixes with mounted state checks

Reviewed changes

Copilot reviewed 56 out of 62 changed files in this pull request and generated 12 comments.

Show a summary per file

File	Description
tsconfig.json	Updated compiler options for App Router (moduleResolution: bundler, jsx config, Next.js plugin)
package.json	Major version upgrades for Next.js (16.1.0), React (19.1.0), MUI (7.x), Storybook (10.x), switched to pnpm
eslint.config.mjs	New ESLint flat config replacing .eslintrc.json
next.config.js	Removed Emotion styledComponents compiler option, updated transpilePackages
app/layout.tsx	New App Router root layout with theme providers and metadata
app/providers.tsx	Client component wrapping contexts and theme registry
app/theme/ThemeRegistry.tsx	New theme setup for App Router using MUI v7 CSS variables
app/page.tsx	Server component for home page data fetching
app/course/[courseid]/page.tsx	Server component for course page with async data fetching
app/about/page.tsx	Client component for about page (migrated from pages/about.tsx)
src/components/NavBar.tsx	Added 'use client', hydration fix for theme toggle with mounted state
src/components/ReviewCard.tsx	UTC date formatting for hydration, improved clipboard error handling
src/components/ReviewForm.tsx	Replaced router.reload() with window.location.reload()
src/components/ClassCard.tsx	Updated router import from next/router to next/navigation
src/Link.tsx	Updated to use usePathname from next/navigation
src/stories/*.stories.ts	Updated Storybook imports and added fn() mocks
.github/workflows/*.yml	Updated to use pnpm instead of yarn, updated action versions
.storybook/main.ts	Migrated to nextjs-vite framework for Storybook v10

Comments suppressed due to low confidence (2)

app/course/[courseid]/CourseContent.tsx:263

There's a spacing issue in the sx prop. The value should be '5px 30px' (with space) not '5 30' (which is invalid CSS).
app/course/[courseid]/CourseContent.tsx:308
Missing space after colon in the 'height' property across multiple Card components. Should be 'height: "100%"' with proper spacing.

💡 Add Copilot custom instructions for smarter, more guided reviews. Learn how to get started.

Copilot · 2026-01-09T05:10:33Z

src/stories/Header.stories.ts

@@ -1,4 +1,5 @@
 import type { Meta, StoryObj } from '@storybook/react';
+import { fn } from 'storybook/test';


The import path 'storybook/test' is incorrect. It should be '@storybook/test' (with the @ prefix). This will cause a module resolution error.

Copilot · 2026-01-09T05:10:34Z

src/components/ReviewCard.tsx

            >
              {isLegacy && (
-                <Grid item>
+                <Grid size="auto">


The Grid component is using size="auto" which may not be correct for Material UI v7. In Material UI v7, the Grid v2 component uses size prop with numeric values or responsive objects. For auto-sizing, you should use size="grow" or omit the size prop entirely.

Copilot · 2026-01-09T05:10:34Z

src/stories/Page.stories.ts

@@ -1,5 +1,5 @@
 import type { Meta, StoryObj } from '@storybook/react';
-import { within, userEvent } from '@storybook/test';
+import { within, userEvent } from 'storybook/test';


The import path 'storybook/test' is incorrect. It should be '@storybook/test' (with the @ prefix). This will cause a module resolution error.

Copilot · 2026-01-09T05:10:34Z

src/components/ReviewForm.tsx

                  return field.onChange(double);
                }
-                return;
+                return field.onChange(null);


Returning an empty value from onChange is problematic. When the field value should be cleared (when double is falsy), you should explicitly set it to an empty string ('') or null to properly clear the field, otherwise the field might retain stale values.

Copilot · 2026-01-09T05:10:35Z

package.json

+    "react": "^19.1.0",
+    "react-dom": "^19.1.0",


React has been upgraded to ^19.1.0. As of January 2025, React 19 is in RC (release candidate) status and may not be stable for production use. Please verify this is intentional and that all dependencies are compatible with React 19.

Copilot · 2026-01-09T05:10:35Z

src/stories/Introduction.mdx

@@ -1,4 +1,4 @@
-import { Meta } from '@storybook/blocks';
+import { Meta } from '@storybook/addon-docs/blocks';


The import path '@storybook/addon-docs/blocks' may be incorrect for Storybook v10. In Storybook v10, the import should typically be from '@storybook/blocks'. Please verify this import path is correct for the version being used.

Copilot · 2026-01-09T05:10:35Z

src/components/NavBar.tsx

+                  )
                ) : (
-                  <Brightness4Icon />
+                  <Brightness4Icon/>


The closing tag has an extra space before the slash. It should be <Brightness4Icon /> not <Brightness4Icon/> (though both work, the spacing is inconsistent with the rest of the codebase).

Copilot · 2026-01-09T05:10:36Z

package.json

+    "@mui/icons-material": "^7.1.0",
+    "@mui/material": "^7.1.0",
+    "@mui/system": "^7.1.0",
+    "@mui/x-data-grid": "^8.5.0",


The Material UI icons and material packages have inconsistent versions. @mui/icons-material is at ^7.1.0 while @mui/material and @mui/system are also at ^7.1.0, but @mui/x-data-grid is at ^8.5.0. The data grid version should be compatible with the Material UI version being used. Please verify version compatibility between these packages.

Copilot · 2026-01-09T05:10:36Z

app/about/page.tsx

+          Terms of Use & Privacy
+        </Typography>
+        <Typography variant="body1" paragraph marginTop={1} align="center">
+          We are currently in the process of esablishing a non-profit organization


There's a typo in "esablishing" which should be "establishing".

Suggested change

We are currently in the process of esablishing a non-profit organization

We are currently in the process of establishing a non-profit organization

Copilot · 2026-01-09T05:10:36Z

app/recents/RecentsContent.tsx

+            {reviewsRecent && (
+              <Grid container rowSpacing={5} sx={{ mt: 1 }}>
+                {reviewsRecent
+                  .sort((a, b) => b.created - a.created)
+                  .slice(0, REVIEWS_RECENT_LEN)
+                  .map((value: Review) => (
+                    <Grid sx={{ width: '100%' }} key={value.reviewId} size={12}>
+                      <ReviewCard {...value}></ReviewCard>
+                    </Grid>
+                  ))}
+              </Grid>
+            )}


This use of variable 'reviewsRecent' always evaluates to true.

Suggested change

{reviewsRecent && (

<Grid container rowSpacing={5} sx={{ mt: 1 }}>

{reviewsRecent

.sort((a, b) => b.created - a.created)

.slice(0, REVIEWS_RECENT_LEN)

.map((value: Review) => (

<Grid sx={{ width: '100%' }} key={value.reviewId} size={12}>

<ReviewCard {...value}></ReviewCard>

</Grid>

))}

</Grid>

)}

<Grid container rowSpacing={5} sx={{ mt: 1 }}>

{reviewsRecent

.sort((a, b) => b.created - a.created)

.slice(0, REVIEWS_RECENT_LEN)

.map((value: Review) => (

<Grid sx={{ width: '100%' }} key={value.reviewId} size={12}>

<ReviewCard {...value}></ReviewCard>

</Grid>

))}

</Grid>

Copilot

Pull request overview

Copilot reviewed 55 out of 61 changed files in this pull request and generated 15 comments.

Comments suppressed due to low confidence (3)

app/user/reviews/page.tsx:83

The Grid component at line 83 uses size="grow" which is not a valid value for the size prop in Material-UI Grid v2. Valid values are numbers 1-12, 'auto', or responsive objects. Consider using size={12} or Grid2 with flexGrow styling instead.
app/course/[courseid]/CourseContent.tsx:308
The Card components have inconsistent padding values. Line 263 uses padding: '5px 30px' while lines 280 and 308 use the same. However, these string values should be consistent. The CSS shorthand is correct but ensure this is the intended design.
app/HomeContent.tsx:143
The DataGrid toolbar slot is set to undefined when not on desktop, but this may cause issues if the DataGrid expects either a component or null. Consider using null instead of undefined for better type safety and predictability.

💡 Add Copilot custom instructions for smarter, more guided reviews. Learn how to get started.

Copilot · 2026-01-09T08:04:47Z

src/stories/ClassCard.stories.tsx

  <>
    <Grid container spacing={2}>
-      <Grid item xs={4}>
+      <Grid size={4}>


The Grid component is using size={4} which is the Grid2 API, but it's imported from '@mui/material' as the legacy Grid component. With Material-UI v7, you should either import Grid2 from '@mui/material/Grid2' or use the legacy Grid API with item and xs={4} props. The current usage will not render correctly.

Copilot · 2026-01-09T08:04:47Z

.github/workflows/eslint.yml

        run: npx eslint .
-          --config .eslintrc.json
-          --ext .js,.jsx,.ts,.tsx
          --format @microsoft/eslint-formatter-sarif
          --output-file eslint-results.sarif


The ESLint workflow is missing line breaks in the run command. Lines 46-48 should have proper line continuation characters or be formatted as a multi-line command. The current format will cause the command to fail.

Copilot · 2026-01-09T08:04:47Z

package.json

+  "pnpm": {
+    "overrides": {
+      "react": "^19.1.0",
+      "react-dom": "^19.1.0",
+      "@types/react": "^19.1.0",
+      "@types/react-dom": "^19.1.0",
+      "dompurify": "^3.2.4",
+      "tmp": "^0.2.4"
+    }


React 19 is specified in pnpm overrides, but React 19 is a major version with breaking changes. Ensure all dependencies (especially @mui/material, @storybook/react, @testing-library/react) are fully compatible with React 19 to avoid runtime errors. Consider testing thoroughly or using React 18 until ecosystem compatibility is verified.

Copilot · 2026-01-09T08:04:47Z

src/components/LoginContent.tsx

+  const isDesktopQuery = useMediaQuery('(min-width:1025px)', { noSsr: true });
+  const isDesktop = mounted ? isDesktopQuery : true;


The useMediaQuery hook with noSsr: true and the mounted state pattern is good for preventing hydration mismatches. However, defaulting to isDesktop = true before mounting means the drawer width will always start as desktop on the server. Consider if this matches your actual layout to prevent layout shifts.

Copilot · 2026-01-09T08:04:48Z

src/components/ReviewCard.tsx

+  // Use UTC date formatting to avoid hydration mismatch between server and client timezones
+  const createdDate = new Date(created);
+  const timestamp = `${createdDate.getUTCMonth() + 1}/${createdDate.getUTCDate()}/${createdDate.getUTCFullYear()}`;


The UTC date formatting is implemented to avoid hydration mismatches, which is good. However, this means all dates will display in UTC regardless of the user's timezone. Consider adding a note in the UI or using a client-side effect to show local time after hydration if user timezone is important for the UX.

Copilot · 2026-01-09T08:04:49Z

app/layout.tsx

+          href="https://fonts.googleapis.com/css?family=Roboto:300,400,500,700&display=swap"
+        />
+      </head>
+      <body suppressHydrationWarning>


The 'suppressHydrationWarning' prop on the body element is too broad. This will suppress all hydration warnings for the entire body, potentially hiding real hydration issues. Consider using it more selectively or fixing the actual hydration mismatches instead.

Suggested change

<body suppressHydrationWarning>

<body>

Copilot · 2026-01-09T08:04:50Z

.lintstagedrc.js

-
 module.exports = {
-  '*.{ts,tsx}': [buildEslintCommand],
+  '*.{ts,tsx}': 'eslint --fix --no-warn-ignored',


The eslint command uses --no-warn-ignored flag which may not be compatible with all ESLint versions. Verify this flag is supported by your ESLint version (9.18.0) to avoid build failures during pre-commit hooks.

Suggested change

'*.{ts,tsx}': 'eslint --fix --no-warn-ignored',

'*.{ts,tsx}': 'eslint --fix',

Copilot · 2026-01-09T08:04:50Z

.github/workflows/chromatic.yml

+        run: pnpm install
      - name: Publish to Chromatic
-        uses: chromaui/action@v13
+        uses: chromaui/action@07791f8243f4cb2698bf4d00426baf4b2d1cb7e0 # v13.3.5


The chromatic action is pinned to a specific commit SHA (07791f8243f4cb2698bf4d00426baf4b2d1cb7e0) which is good for security, but the comment claims it's v13.3.5. Verify this SHA actually corresponds to v13.3.5 to ensure the intended version is being used.

Suggested change

uses: chromaui/action@07791f8243f4cb2698bf4d00426baf4b2d1cb7e0 # v13.3.5

uses: chromaui/action@07791f8243f4cb2698bf4d00426baf4b2d1cb7e0 # pinned Chromatic action commit

Copilot · 2026-01-09T08:04:50Z

eslint.config.mjs

+      // Disable Pages Router rule - this is an App Router project
+      '@next/next/no-page-custom-font': 'off',


The ESLint configuration disables '@next/next/no-page-custom-font' rule with a comment stating "this is an App Router project". However, this rule is still relevant for App Router projects as it warns about custom fonts in layout files. Only disable it if you're intentionally using custom fonts in a way that violates the rule.

Copilot · 2026-01-09T08:04:51Z

.storybook/main.ts

  addons: [
    '@storybook/addon-links',
-    '@storybook/addon-essentials',
-    '@storybook/addon-interactions',
+    '@storybook/addon-a11y',
    '@chromatic-com/storybook',
+    '@storybook/addon-docs'
  ],


The Storybook configuration is migrating to Vite (@storybook/nextjs-vite), but the removal of '@storybook/addon-essentials' and '@storybook/addon-interactions' may break existing stories that depend on these addons. Verify that '@storybook/addon-docs' provides all necessary functionality or add back required addons.

Copilot

Pull request overview

Copilot reviewed 63 out of 69 changed files in this pull request and generated 17 comments.

Comments suppressed due to low confidence (2)

app/user/reviews/page.tsx:83

The 'size="grow"' value is not a valid Grid2 size prop. The size prop should be a number (1-12), an object with breakpoint keys, or boolean. If you want the Grid item to grow and fill available space, consider using 'size={12}' or removing the size prop and using flex properties in sx prop.
app/course/[courseid]/CourseContent.tsx:263
The padding value has been changed from '5 30' to '5px 30px'. The original value '5 30' was invalid CSS and would have been ignored. Ensure this padding change produces the desired visual result, as it now applies 5px top/bottom and 30px left/right padding where previously it may have had no padding due to the invalid syntax.

💡 Add Copilot custom instructions for smarter, more guided reviews. Learn how to get started.

Copilot · 2026-01-10T05:15:36Z

src/components/ReviewForm.tsx


      handleReviewModalClose();
-      router.reload();
+      window.location.reload();


Using 'window.location.reload()' instead of 'router.reload()' will cause a full page reload, losing any client-side state and potentially impacting user experience. Consider using the App Router's 'router.refresh()' method instead, which performs a soft navigation and preserves client-side state while refreshing server data.

Copilot · 2026-01-10T05:15:37Z

src/components/LoginContent.tsx

      open={loginOpen}
      onClose={handleLoginClose}
      anchor={'right'}


The deprecated 'ModalProps' prop has been removed, which is correct for the newer version of MUI. However, ensure that the backdrop click behavior is still working as expected with the default settings or add the 'onClose' handler to handle backdrop clicks if needed.

Copilot · 2026-01-10T05:15:37Z

app/layout.tsx

+          href="https://fonts.googleapis.com/css?family=Roboto:300,400,500,700&display=swap"
+        />
+      </head>
+      <body suppressHydrationWarning>


The 'suppressHydrationWarning' prop is added to both html and body tags. While this is sometimes necessary for theme-related hydration mismatches, it suppresses ALL hydration warnings. Ensure you're not masking legitimate hydration issues. Consider using more targeted solutions for specific hydration problems, such as the mounted state pattern used in NavBar and other components.

Suggested change

<body suppressHydrationWarning>

<body>

Copilot · 2026-01-10T05:15:37Z

app/about/page.tsx

+          Terms of Use & Privacy
+        </Typography>
+        <Typography variant="body1" paragraph marginTop={1} align="center">
+          We are currently in the process of establishing a non-profit organization


Spelling error: change "esablishing" to "establishing".

Copilot · 2026-01-10T05:15:37Z

src/stories/ClassCard.stories.tsx

  title: 'Knowledge Based AI',
  acronym: 'KBAI',
-  classId: 'CS 7637',
+  classId: 'CS-7637',


The classId format has changed from 'CS 7637' to 'CS-7637' (space to hyphen). Ensure this format change is consistent throughout the application and that any existing data or links using the old format are properly migrated or handled. This could be a breaking change for URLs, database queries, or external integrations.

Copilot · 2026-01-10T05:15:39Z

src/components/ReviewCard.tsx

            >
              {isLegacy && (
-                <Grid item>
+                <Grid size="auto">


The Grid component's 'item' and 'xs' props have been replaced with 'size', but line 207 uses 'size="auto"' as a string instead of an object or number. According to Material-UI v7 Grid2 API, the size prop should be a number (1-12), an object like {xs: 12}, or boolean true/false for auto sizing. Change this to 'size={{xs: "auto"}}' or simply remove the size prop if you want auto-sizing behavior.

Copilot · 2026-01-10T05:15:39Z

src/components/ReviewCard.tsx

                ></Chip>
              </Grid>
-              <Grid item>
+              <Grid size="auto">


Similar issue: 'size="auto"' should be changed to a valid Grid2 size prop format. Use 'size={{xs: "auto"}}' or remove the size prop for auto-sizing.

Copilot · 2026-01-10T05:15:40Z

src/components/LoginContent.tsx

+  const isDesktopQuery = useMediaQuery('(min-width:1025px)', { noSsr: true });
+  const isDesktop = mounted ? isDesktopQuery : true;
+
+  useEffect(() => {
+    setMounted(true);
+  }, []);


The change from 'useMediaQuery' without options to 'useMediaQuery(..., { noSsr: true })' is important for preventing hydration mismatches. However, you've also added a mounted state pattern. Using both together is redundant. The noSsr option tells MUI to skip server-side rendering of the media query, while the mounted pattern achieves the same thing. Consider using only one approach for consistency across the codebase.

Copilot · 2026-01-10T05:15:40Z

package.json

+    "@mui/icons-material": "^7.1.0",
+    "@mui/material": "^7.1.0",
+    "@mui/system": "^7.1.0",
+    "@mui/x-data-grid": "^8.5.0",


The package.json shows Material-UI has been upgraded from v5 to v7, and MUI X DataGrid from v7 to v8. These are major version upgrades with breaking changes. Ensure all Grid components have been updated to use the new Grid2 API (which you've done), but verify that all DataGrid features used in the application are still compatible with v8. Additionally, the removal of '@emotion/server' dependency could affect SSR styling if not properly replaced by the new EmotionCache implementation.

Copilot · 2026-01-10T05:15:40Z

package.json

+    "@chromatic-com/storybook": "^4.1.3",
    "@commitlint/cli": "^19.4.1",
    "@commitlint/config-conventional": "^19.6.0",
-    "@next/bundle-analyzer": "^15.3.1",
-    "@storybook/addon-actions": "^8.2.9",
-    "@storybook/addon-essentials": "^8.2.9",
-    "@storybook/addon-interactions": "^8.2.9",
-    "@storybook/addon-links": "^8.2.9",
-    "@storybook/blocks": "^8.2.9",
-    "@storybook/nextjs": "^8.2.9",
-    "@storybook/react": "^8.2.9",
-    "@storybook/test": "^8.2.9",
+    "@eslint/eslintrc": "^3.2.0",
+    "@next/bundle-analyzer": "^16.1.0",
+    "@next/eslint-plugin-next": "^16.1.0",
+    "@storybook/addon-a11y": "^10.1.11",
+    "@storybook/addon-docs": "10.1.11",
+    "@storybook/addon-links": "10.1.11",
+    "@storybook/addon-vitest": "^10.1.11",
+    "@storybook/nextjs-vite": "10.1.11",
+    "@storybook/react": "^10.1.11",
+    "@testing-library/dom": "^10.4.0",
    "@testing-library/jest-dom": "^6.6.3",
-    "@testing-library/react": "^15.0.7",
+    "@testing-library/react": "^16.3.0",
    "@types/node": "^22.15.2",
-    "@types/react": "^18.3.4",
-    "babel-loader": "^10.0.0",
-    "babel-plugin-import": "^1.13.8",
+    "@types/prismjs": "^1.26.5",
+    "@types/react": "^19.1.0",
+    "@types/react-dom": "^19.1.0",
+    "@vitest/browser": "^4.0.16",
    "commitizen": "^4.3.0",
    "cross-env": "^7.0.3",
    "cz-conventional-changelog": "3.3.0",
-    "eslint": "8.57.0",
-    "eslint-config-next": "^14.2.7",
+    "eslint": "^9.18.0",
    "eslint-config-prettier": "^10.1.2",
-    "eslint-plugin-storybook": "^0.8.0",
-    "husky": "^9.1.5",
+    "eslint-plugin-react": "^7.37.0",
+    "eslint-plugin-react-hooks": "^5.1.0",
+    "eslint-plugin-storybook": "10.1.11",
+    "globals": "^16.2.0",
+    "husky": "^9.1.7",
    "jest": "^29.4.3",
    "jest-environment-jsdom": "^29.3.1",
    "jest-fetch-mock": "^3.0.3",
    "lint-staged": "^15.2.9",
    "next-sitemap": "^4.1.8",
+    "playwright": "^1.57.0",
    "prettier": "^3.0.3",
-    "storybook": "^8.2.9",
-    "typescript": "^5.7.2"
+    "storybook": "10.1.11",


Storybook has been upgraded from v8.2.9 to v10.1.11, skipping v9 entirely. This is a major upgrade with significant breaking changes. The migration from '@storybook/nextjs' to '@storybook/nextjs-vite' changes the underlying build system from Webpack to Vite. Ensure all stories load correctly and that any custom Storybook configurations are compatible with the new version.

Copilot

Pull request overview

Copilot reviewed 63 out of 69 changed files in this pull request and generated 3 comments.

💡 Add Copilot custom instructions for smarter, more guided reviews. Learn how to get started.

Copilot · 2026-01-10T05:43:15Z

src/components/ReviewCard.tsx

  const authContext: TNullable<any> = useAuth();
  const user: TNullable<FirebaseAuthUser> = authContext.user;


The authContext can be null when the component is used outside of the AuthContextProvider. Accessing authContext.user directly without null-checking will cause a runtime error. Use optional chaining: authContext?.user instead.

Copilot · 2026-01-10T05:43:15Z

src/components/NavBar.tsx

  const authContext: TNullable<any> = useAuth();
  const user: TNullable<FirebaseAuthUser> = authContext.user;
-  const loading: TNullable<Boolean> = authContext.loading;
+  const loading: TNullable<boolean> = authContext.loading;


The authContext can be null when the component is used outside of the AuthContextProvider. Accessing authContext.user and authContext.loading directly without null-checking will cause a runtime error. Use optional chaining: authContext?.user and authContext?.loading instead.

Copilot · 2026-01-10T05:43:15Z

src/stories/ClassCard.stories.tsx

+    nextjs: {
+      appDirectory: true,
+      navigation: {
+        pathname: '/class',


The navigation pathname is set to '/class' but the actual route is '/course/[courseid]'. Update this to '/course' to match the actual route structure.

root and others added 2 commits January 8, 2026 06:30

refactor: migrate from page router to app router

cd30e9b

refactor: upgrade to Next 16, Material 7, Storybook 10, and other chores

6754a11

tran-christian requested a review from awpala January 8, 2026 10:59

github-actions bot added root release source pages context workflows devcontainer labels Jan 8, 2026

chore: fix chromatic github action

cf50e61

github-advanced-security bot found potential problems Jan 8, 2026

View reviewed changes

.github/workflows/chromatic.yml Fixed Show fixed Hide fixed

.github/workflows/chromatic.yml Fixed Show fixed Hide fixed

.github/workflows/eslint.yml Fixed Show fixed Hide fixed

.github/workflows/jest.yml Fixed Show fixed Hide fixed

github-advanced-security bot found potential problems Jan 8, 2026

View reviewed changes

.github/workflows/chromatic.yml Fixed Show fixed Hide fixed

.github/workflows/eslint.yml Fixed Show fixed Hide fixed

.github/workflows/jest.yml Fixed Show fixed Hide fixed

github-advanced-security bot found potential problems Jan 8, 2026

View reviewed changes

app/layout.tsx Fixed Show fixed Hide fixed

vercel bot deployed to Preview January 8, 2026 11:01 View deployment

Christian added 3 commits January 8, 2026 05:09

chore: fix github actions error

39a243c

chore: remove log files

a44da2a

chore: remove unused directives

50907c3

github-actions bot added firebase globals labels Jan 8, 2026

vercel bot deployed to Preview January 8, 2026 11:18 View deployment

chore: remove yarn.lock

ee7bdb4

vercel bot deployed to Preview January 8, 2026 11:21 View deployment

chore: update tmp to patched version for security vulnerability

4752a83

vercel bot deployed to Preview January 8, 2026 11:26 View deployment

tran-christian requested review from awpala and Copilot and removed request for awpala and Copilot January 8, 2026 16:15

Copilot started reviewing on behalf of tran-christian January 8, 2026 16:15 View session

awpala reviewed Jan 8, 2026

View reviewed changes

revert: add about page back

e090589

tran-christian requested a review from awpala January 9, 2026 05:04

tran-christian self-assigned this Jan 9, 2026

tran-christian requested a review from Copilot January 9, 2026 05:05

vercel bot deployed to Preview January 9, 2026 05:05 View deployment

Copilot started reviewing on behalf of tran-christian January 9, 2026 05:05 View session

Copilot AI reviewed Jan 9, 2026

View reviewed changes

chore: resolve copilot comments

731648f

vercel bot deployed to Preview January 9, 2026 06:18 View deployment

tran-christian requested a review from Copilot January 9, 2026 07:56

Copilot started reviewing on behalf of tran-christian January 9, 2026 07:56 View session

Copilot AI reviewed Jan 9, 2026

View reviewed changes

Christian added 2 commits January 9, 2026 22:58

chore: resolve copilot issues

e1d4abf

chore: broken build

df71acc

vercel bot deployed to Preview January 10, 2026 05:07 View deployment

tran-christian requested a review from Copilot January 10, 2026 05:09

Copilot started reviewing on behalf of tran-christian January 10, 2026 05:10 View session

Copilot AI reviewed Jan 10, 2026

View reviewed changes

tran-christian requested a review from Copilot January 10, 2026 05:37

Copilot started reviewing on behalf of tran-christian January 10, 2026 05:38 View session

Copilot AI reviewed Jan 10, 2026

View reviewed changes

tran-christian changed the title ~~Migrate from Pages to App Router, Upgrade NextJS, Material UI, and Storybook, other chores.~~ Website overhaul Jan 10, 2026

		@@ -1,4 +1,5 @@
		import type { Meta, StoryObj } from '@storybook/react';
		import { fn } from 'storybook/test';

		@@ -1,4 +1,4 @@
		import { Meta } from '@storybook/blocks';
		import { Meta } from '@storybook/addon-docs/blocks';

	We are currently in the process of esablishing a non-profit organization
	We are currently in the process of establishing a non-profit organization

		const isDesktopQuery = useMediaQuery('(min-width:1025px)', { noSsr: true });
		const isDesktop = mounted ? isDesktopQuery : true;

	'*.{ts,tsx}': 'eslint --fix --no-warn-ignored',
	'*.{ts,tsx}': 'eslint --fix',

	uses: chromaui/action@07791f8243f4cb2698bf4d00426baf4b2d1cb7e0 # v13.3.5
	uses: chromaui/action@07791f8243f4cb2698bf4d00426baf4b2d1cb7e0 # pinned Chromatic action commit

		// Disable Pages Router rule - this is an App Router project
		'@next/next/no-page-custom-font': 'off',

		const authContext: TNullable<any> = useAuth();
		const user: TNullable<FirebaseAuthUser> = authContext.user;

Website overhaul #726

Are you sure you want to change the base?

Website overhaul #726

Conversation

tran-christian commented Jan 8, 2026 • edited Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

Uh oh!

vercel bot commented Jan 8, 2026 • edited Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

Uh oh!

Uh oh!

Uh oh!

Uh oh!

Uh oh!

Uh oh!

Uh oh!

Uh oh!

Uh oh!

awpala Jan 8, 2026

Choose a reason for hiding this comment

Uh oh!

Copilot AI left a comment

Choose a reason for hiding this comment

Pull request overview

Reviewed changes

Uh oh!

Copilot AI Jan 9, 2026

Choose a reason for hiding this comment

Uh oh!

Copilot AI Jan 9, 2026

Choose a reason for hiding this comment

Uh oh!

Copilot AI Jan 9, 2026

Choose a reason for hiding this comment

Uh oh!

Copilot AI Jan 9, 2026

Choose a reason for hiding this comment

Uh oh!

Copilot AI Jan 9, 2026

Choose a reason for hiding this comment

Uh oh!

Copilot AI Jan 9, 2026

Choose a reason for hiding this comment

Uh oh!

Copilot AI Jan 9, 2026

Choose a reason for hiding this comment

Uh oh!

Copilot AI Jan 9, 2026

Choose a reason for hiding this comment

Uh oh!

Copilot AI Jan 9, 2026

Choose a reason for hiding this comment

Uh oh!

Copilot AI Jan 9, 2026

Choose a reason for hiding this comment

Uh oh!

Copilot AI left a comment

Choose a reason for hiding this comment

Pull request overview

Uh oh!

Copilot AI Jan 9, 2026

Choose a reason for hiding this comment

Uh oh!

Copilot AI Jan 9, 2026

Choose a reason for hiding this comment

Uh oh!

Copilot AI Jan 9, 2026

Choose a reason for hiding this comment

Uh oh!

Copilot AI Jan 9, 2026

Choose a reason for hiding this comment

Uh oh!

Copilot AI Jan 9, 2026

Choose a reason for hiding this comment

Uh oh!

Copilot AI Jan 9, 2026

Choose a reason for hiding this comment

Uh oh!

Copilot AI Jan 9, 2026

Choose a reason for hiding this comment

tran-christian commented Jan 8, 2026 •

edited

Loading

vercel bot commented Jan 8, 2026 •

edited

Loading