Fix rsvp frontend #1

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Open

MeghP89 wants to merge 22 commits into main from fix-rsvp-frontend

.github/dependabot.yml

-Original file line number
+Diff line change
@@ Expand Up / @@ -35,4 +35,4 @@ updates: @@
               - "*"
             update-types:
               - "minor"
-              - "patch"
+              - "patch"

.github/workflows/deploy.yml

-Original file line number
+Diff line change
@@ -0,0 +1,43 @@
+    # yaml-language-server: $schema=https://json.schemastore.org/github-workflow.json
+    name: "Deployment"
+    on:
+        push:
+            branches:
+                - main
+        pull_request:
+            branches:
+                - main
+    jobs:
+        deploy:
+            permissions:
+                contents: read
+                deployments: write
+                pull-requests: write
+            runs-on: ubuntu-latest
+            timeout-minutes: 10
+            steps:
+                - uses: actions/checkout@v4
+                - uses: actions/setup-node@v4
+                  with:
+                      node-version: 22.x
+                      cache: "yarn"
+                - name: Restore Yarn Cache
+                  uses: actions/cache@v4
+                  with:
+                      path: node_modules
+                      key: yarn-modules-${{ runner.arch }}-${{ runner.os }}-${{ hashFiles('**/yarn.lock') }}-dev
+                      restore-keys: |
+                          yarn-modules-${{ runner.arch }}-${{ runner.os }}-
+                - name: Install dependencies
+                  run: yarn -D --frozen-lockfile
+                - name: Build website
+                  run: yarn build
+                  env:
+                      VITE_RUN_ENVIRONMENT: ${{ github.ref == 'refs/heads/main' && 'prod' || 'dev' }}
+                - name: Deploy to Cloudflare
+                  uses: acm-uiuc/actions/.github/actions/cloudflare-pages-deploy@main
+                  with:
+                      build-directory: build/
+                      project-name: ${{ vars.CLOUDFLARE_PROJECT_NAME }}
+                      account-id: ${{ vars.CLOUDFLARE_ACCOUNT_ID }}
+                      pages-api-token: ${{ secrets.PAGES_API_TOKEN }}

.github/workflows/review.yml

-Original file line number
+Diff line change
@@ Expand Up / @@ -51,4 +51,4 @@ jobs: @@
                   teams:
                     - "officers"
                     - "infra-chairs"
-                    - "infra-leads"
+                    - "infra-leads"

.gitignore

-Original file line number
+Diff line change
@@ Expand Up / @@ -4,136 +4,21 @@ logs @@
     npm-debug.log*
     yarn-debug.log*
     yarn-error.log*
+    pnpm-debug.log*
     lerna-debug.log*
-    # Diagnostic reports (https://nodejs.org/api/report.html)
-    report.[0-9]*.[0-9]*.[0-9]*.[0-9]*.json
-    # Runtime data
-    pids
-    *.pid
-    *.seed
-    *.pid.lock
-    # Directory for instrumented libs generated by jscoverage/JSCover
-    lib-cov
-    # Coverage directory used by tools like istanbul
-    coverage
-    *.lcov
-    # nyc test coverage
-    .nyc_output
-    # Grunt intermediate storage (https://gruntjs.com/creating-plugins#storing-task-files)
-    .grunt
-    # Bower dependency directory (https://bower.io/)
-    bower_components
-    # node-waf configuration
-    .lock-wscript
-    # Compiled binary addons (https://nodejs.org/api/addons.html)
-    build/Release
-    # Dependency directories
-    node_modules/
-    jspm_packages/
-    # Snowpack dependency directory (https://snowpack.dev/)
-    web_modules/
-    # TypeScript cache
-    *.tsbuildinfo
-    # Optional npm cache directory
-    .npm
-    # Optional eslint cache
-    .eslintcache
-    # Optional stylelint cache
-    .stylelintcache
-    # Optional REPL history
-    .node_repl_history
-    # Output of 'npm pack'
-    *.tgz
-    # Yarn Integrity file
-    .yarn-integrity
-    # dotenv environment variable files
-    .env
-    .env.*
-    !.env.example
-    # parcel-bundler cache (https://parceljs.org/)
-    .cache
-    .parcel-cache
-    # Next.js build output
-    .next
-    out
-    # Nuxt.js build / generate output
-    .nuxt
+    node_modules
     dist
-    # Gatsby files
-    .cache/
-    # Comment in the public line in if your project uses Gatsby and not Next.js
-    # https://nextjs.org/blog/next-9-1#public-directory-support
-    # public
-    # vuepress build output
-    .vuepress/dist
-    # vuepress v2.x temp and cache directory
-    .temp
-    .cache
-    # Sveltekit cache directory
-    .svelte-kit/
-    # vitepress build output
-    **/.vitepress/dist
-    # vitepress cache directory
-    **/.vitepress/cache
-    # Docusaurus cache and generated files
-    .docusaurus
-    # Serverless directories
-    .serverless/
-    # FuseBox cache
-    .fusebox/
-    # DynamoDB Local files
-    .dynamodb/
-    # Firebase cache directory
-    .firebase/
-    # TernJS port file
-    .tern-port
-    # Stores VSCode versions used for testing VSCode extensions
-    .vscode-test
-    # yarn v3
-    .pnp.*
-    .yarn/*
-    !.yarn/patches
-    !.yarn/plugins
-    !.yarn/releases
-    !.yarn/sdks
-    !.yarn/versions
-    # Vite logs files
-    vite.config.js.timestamp-*
-    vite.config.ts.timestamp-*
+    dist-ssr
+    *.local
+    # Editor directories and files
+    .vscode/*
+    !.vscode/extensions.json
+    .idea
+    .DS_Store
+    *.suo
+    *.ntvs*
+    *.njsproj
+    *.sln
+    *.sw?

README.md

-Original file line number
+Diff line change
@@ -1,2 +1,73 @@
-    # rsvp
-    Website for UIUC students to RSVP to ACM @ UIUC events.
+    # React + TypeScript + Vite
+    This template provides a minimal setup to get React working in Vite with HMR and some ESLint rules.
+    Currently, two official plugins are available:
+    - [@vitejs/plugin-react](https://github.com/vitejs/vite-plugin-react/blob/main/packages/plugin-react) uses [Babel](https://babeljs.io/) (or [oxc](https://oxc.rs) when used in [rolldown-vite](https://vite.dev/guide/rolldown)) for Fast Refresh
+    - [@vitejs/plugin-react-swc](https://github.com/vitejs/vite-plugin-react/blob/main/packages/plugin-react-swc) uses [SWC](https://swc.rs/) for Fast Refresh
+    ## React Compiler
+    The React Compiler is not enabled on this template because of its impact on dev & build performances. To add it, see [this documentation](https://react.dev/learn/react-compiler/installation).
+    ## Expanding the ESLint configuration
+    If you are developing a production application, we recommend updating the configuration to enable type-aware lint rules:
+    ```js
+    export default defineConfig([
+      globalIgnores(['dist']),
+      {
+        files: ['**/*.{ts,tsx}'],
+        extends: [
+          // Other configs...
+          // Remove tseslint.configs.recommended and replace with this
+          tseslint.configs.recommendedTypeChecked,
+          // Alternatively, use this for stricter rules
+          tseslint.configs.strictTypeChecked,
+          // Optionally, add this for stylistic rules
+          tseslint.configs.stylisticTypeChecked,
+          // Other configs...
+        ],
+        languageOptions: {
+          parserOptions: {
+            project: ['./tsconfig.node.json', './tsconfig.app.json'],
+            tsconfigRootDir: import.meta.dirname,
+          },
+          // other options...
+        },
+      },
+    ])
+    ```
+    You can also install [eslint-plugin-react-x](https://github.com/Rel1cx/eslint-react/tree/main/packages/plugins/eslint-plugin-react-x) and [eslint-plugin-react-dom](https://github.com/Rel1cx/eslint-react/tree/main/packages/plugins/eslint-plugin-react-dom) for React-specific lint rules:
+    ```js
+    // eslint.config.js
+    import reactX from 'eslint-plugin-react-x'
+    import reactDom from 'eslint-plugin-react-dom'
+    export default defineConfig([
+      globalIgnores(['dist']),
+      {
+        files: ['**/*.{ts,tsx}'],
+        extends: [
+          // Other configs...
+          // Enable lint rules for React
+          reactX.configs['recommended-typescript'],
+          // Enable lint rules for React DOM
+          reactDom.configs.recommended,
+        ],
+        languageOptions: {
+          parserOptions: {
+            project: ['./tsconfig.node.json', './tsconfig.app.json'],
+            tsconfigRootDir: import.meta.dirname,
+          },
+          // other options...
+        },
+      },
+    ])
+    ```

eslint.config.js

-Original file line number
+Diff line change
@@ -0,0 +1,23 @@
+    import js from '@eslint/js'
+    import globals from 'globals'
+    import reactHooks from 'eslint-plugin-react-hooks'
+    import reactRefresh from 'eslint-plugin-react-refresh'
+    import tseslint from 'typescript-eslint'
+    import { defineConfig, globalIgnores } from 'eslint/config'
+    export default defineConfig([
+      globalIgnores(['dist']),
+      {
+        files: ['**/*.{ts,tsx}'],
+        extends: [
+          js.configs.recommended,
+          tseslint.configs.recommended,
+          reactHooks.configs.flat.recommended,
+          reactRefresh.configs.vite,
+        ],
+        languageOptions: {
+          ecmaVersion: 2020,
+          globals: globals.browser,
+        },
+      },
+    ])

index.html

-Original file line number
+Diff line change
@@ -0,0 +1,13 @@
+    <!doctype html>
+    <html lang="en">
+      <head>
+        <meta charset="UTF-8" />
+        <link rel="icon" type="image/svg+xml" href="/vite.svg" />
+        <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+        <title>rsvp</title>
+      </head>
+      <body>
+        <div id="root"></div>
+        <script type="module" src="/src/main.tsx"></script>
+      </body>
+    </html>

package.json

-Original file line number
+Diff line change
@@ -0,0 +1,47 @@
+    {
+      "name": "rsvp",
+      "private": true,
+      "version": "0.0.0",
+      "type": "module",
+      "scripts": {
+        "dev": "cross-env VITE_RUN_ENVIRONMENT=local-dev vite",
+        "dev:qa": "cross-env VITE_RUN_ENVIRONMENT=dev vite",
+        "build": "tsc && vite build",
+        "build:dev": "cross-env VITE_RUN_ENVIRONMENT=dev tsc && vite build",
+        "build:prod": "cross-env VITE_RUN_ENVIRONMENT=prod tsc && vite build",
+        "preview": "cross-env VITE_RUN_ENVIRONMENT=local-dev vite preview",
+        "typecheck": "tsc --noEmit",
+        "lint": "eslint . --ext .ts,.tsx --report-unused-disable-directives --max-warnings 0",
+        "test": "npm run typecheck && npm run lint"
+      },
+      "dependencies": {
+        "@azure/msal-browser": "^4.28.0",
+        "@azure/msal-react": "^3.0.24",
+        "@mantine/core": "^8.3.12",
+        "@mantine/hooks": "^8.3.12",
+        "@mantine/notifications": "^8.3.12",
+        "@marsidev/react-turnstile": "^1.4.1",
+        "@tabler/icons-react": "^3.36.1",
+        "@tailwindcss/vite": "^4.1.18",
+        "react": "^19.2.0",
+        "react-dom": "^19.2.0",
+        "react-qr-code": "^2.0.18",
+        "react-router-dom": "^7.12.0",
+        "tailwindcss": "^4.1.18"
+      },
+      "devDependencies": {
+        "@eslint/js": "^9.39.1",
+        "@types/node": "^24.10.1",
+        "@types/react": "^19.2.5",
+        "@types/react-dom": "^19.2.3",
+        "@vitejs/plugin-react": "^5.1.1",
+        "cross-env": "^10.1.0",
+        "eslint": "^9.39.1",
+        "eslint-plugin-react-hooks": "^7.0.1",
+        "eslint-plugin-react-refresh": "^0.4.24",
+        "globals": "^16.5.0",
+        "typescript": "~5.9.3",
+        "typescript-eslint": "^8.46.4",
+        "vite": "^7.2.4"
+      }
+    }

public/vite.svg

Sorry, something went wrong. Reload?

Sorry, we cannot display this file.

Sorry, this file is invalid so it cannot be displayed.

src/App.tsx

-Original file line number
+Diff line change
@@ -0,0 +1,12 @@
+    import { MantineProvider } from "@mantine/core";
+    import { Notifications } from "@mantine/notifications";
+    import { Router } from "./Router";
+    export default function App() {
+      return (
+        <MantineProvider>
+          <Notifications position="top-right" />
+            <Router />
+        </MantineProvider>
+      );
+    }

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

Fix rsvp frontend #1

Uh oh!

Diff view

Diff view

There are no files selected for viewing

Uh oh!

Uh oh!

Fix rsvp frontend #1

Are you sure you want to change the base?

Uh oh!

Fix rsvp frontend #1

Uh oh!

Uh oh!

Diff view

Diff view

There are no files selected for viewing

Uh oh!

Uh oh!