Change login to using Supabase Auth

Using Supabase Auth will vouchsafe us the following advantages over Next-Auth:

Can use row level authentication in direct connection to postgres
Don't have to write API routes for every thing we want to do with the DB
Don't have to call both Supabase AFTER calling Azure for login - Supabase can handle it all

Seems like a no brainer to make this change.

Implement User Panel

After logging in, it should redirect you to your user panel (also accessible via a link on the navbar, maybe by clicking on your name)

This should then follow the design as in Figma

We need to create protected admin pages for users that have the admin bool in the db set to true.
[ ] User management page (ie checking if users have got a ticket, viewing it etc)
[ ] Stripe Terminal setup
[ ] On the day check-in page (scans QRs)

The best way to do this is by having a pages/admin folder containing _middleware.ts, it which contains code from here

Loading issue on erroneous payment detail fill in

When attempting to pay with the payment details not fully filled in, error appears but pay now button loads infinitely.

Create Mail Server

@prom.kim emails please

Admin panel UI and functionality

UI should be improved and display state for each user of: not bought ticket, bought ticket or checked in.
A user's ticket should be viewable from this panel.
Search feature to find user, including a filter for state.

Log who took payment/if it was card present or not

Correct inconsistency in home screen sign in buttons.

There is a substantial and detrimental discrepancy within the home screen of the website, one button states 'Sign in with Office' whilst the other states 'Log In', this is disgraceful and must be corrected immediately as it puts the website at substantial risk of cringe.

Update new confirmed information

Add stuff like date, time when decided....

PaymentIntent set card present

Need to allow card_present in the PaymentIntent.

Next Auth

Implement authentication using nextauthjs/next-auth, using the Azure provider and the Prom Azure AD Application that I've made. I'm going to have to manually import all the allowed emails into supabase, then the signin callback will have to check that their email is in such database before allowing login.

Google Pay

Add GPay support for the QR tickets

Dependency Dashboard

This issue lists Renovate updates and detected dependencies. Read the Dependency Dashboard docs to learn more.

Rate-Limited

These updates are currently rate-limited. Click on a checkbox below to force their creation now.

Open

These updates have all been created already. Click a checkbox below to force a retry/rebase of any.

Detected dependencies

github-actions

.github/workflows/lint.yml

actions/checkout v3

actions/setup-node v3

actions/cache v3

actions/cache v3

npm

package.json

@babel/core 7.17.8

@chakra-ui/icons 1.1.7

@chakra-ui/react 1.8.8

@chakra-ui/system 1.12.1

@emotion/react 11.9.0

@emotion/styled 11.8.1

@happykit/analytics 1.0.1

@happykit/flags ^2.0.5-perf.0

@sendgrid/mail 7.6.2

@sentry/cli 1.74.4

@sentry/nextjs 7.5.1

@stripe/react-stripe-js 1.7.2

@stripe/stripe-js 1.29.0

@stripe/terminal-js 0.10.0

@supabase/auth-helpers-nextjs ^0.2.2

@supabase/auth-helpers-react ^0.2.2

@supabase/supabase-js 1.35.3

async-jsonwebtoken 1.0.1

formik ^2.2.9

framer-motion 6.3.3

micro 9.3.4

micro-cors 0.1.1

next 12.1.6

next-pwa 5.5.4

next-seo 5.4.0

qrcode 1.5.0

qrcode.react 2.0.0

react ^18.2.0

react-dom 18.2.0

react-icons 4.3.1

react-markdown 8.0.3

react-qr-reader 3.0.0-beta-1

react-scroll-into-view 1.12.0

stripe 8.222.0

typescript 4.6.3

uuid 8.3.2

webhook-discord 3.7.8

@fast-csv/parse 4.3.6

@next/eslint-plugin-next 12.2.0

@types/micro 7.3.7

@types/micro-cors 0.1.2

@types/node 17.0.18

@types/qrcode.react 1.0.2

@types/react 17.0.44

@types/react-dom 17.0.16

@typescript-eslint/eslint-plugin 5.18.0

@typescript-eslint/parser 5.18.0

eslint 8.15.0

eslint-config-airbnb 19.0.4

eslint-config-airbnb-typescript 17.0.0

eslint-plugin-import 2.26.0

eslint-plugin-jsx-a11y 6.5.1

eslint-plugin-react 7.29.4

eslint-plugin-react-hooks 4.4.0

Check this box to trigger a request for Renovate to run again on this repository

Stripe Terminal Support

Add Lint CI

Client/Server Mismatch

Causing issues on nav bar and home page

Refactor TypeScript

Put types in an src/types directory properly for use throughout the application, and implement TS properly in general

Change colour of users in admin panel based on their ticket status

This is like a two line modification....

Sort user list in Terminal

Convert all Stripe stuff to using a set Product ID

Also set such product ID as an env var

Spinners

Severe lack of spinners.... is there a way that we can see if Supabase is loading vs if someone is not logged in? This would avoid it showing that someone isn't logged in when it is in fact just loading?

Insert logo into QR code

If you're really having to open this issue's description then you need to reconsider your life choices and gain a little IQ.

Analytics

Maybe using @happykit/analytics again?

Images

No image in SEO card
Changeover to new logo? @john-montgomery2003?

Redirect URL

Fix redirects from Supabase and Stripe to use an env var like NEXT_PUBLIC_BASE_URL or something

Make T&Cs/Privacy Policy

Terms and Conditions must include terms of sale...
Standard GDPR-compliant privacy policy

Implement PWA

Add PWA offline fallback for tickets

Sentry user data doesn't appear to be being augmented

Move ESLint config to the Next.js one

Might reduce work/deps on our end, make life a bit easier

Install Sentry

Login/home page not working on Safari

Assigned @john-montgomery2003 as he might be able to test this on Safari on macOS?

On ticket record payment method/who took it if terminal

Yeah

Implement Chakra-UI

Ticket Handling/Admin Panel

Decide on final ticket schema
Are we going to store JWTs or just the ticket ID? Storing JWTs would be easier because then we can just grab that directly without having to sign them on server side?
Add to Google Pay
Decide if we can do Apple Pay
Design admin panels
QR code scanner (also editing db to say they've checked in - can do this using RLS)
Stripe Terminal page
User management page

Need to make sure these routes are protected. Couple of ways to go about this, perhaps using Next.js middleware might be a nice one.

Whether a user is an admin should be in session storage
Ticket data should probably be loaded using SWR on required pages

Add Stripe Payment Element
Associated API Routes

kimberley-college / prom Goto Github PK

prom's People

Contributors

Stargazers

Watchers

Forkers

prom's Issues

Rate-Limited

Open

Detected dependencies

Yeah

Recommend Projects

Recommend Topics

Recommend Org