1658 change membership renewal (#1665)

* update some bits

* edit email template, db schema, cron job

* fix date and typo

Author: ErikaKK

README.md

@@ -30,6 +30,11 @@ pnpm i <dep_name> -E
 
 # Update all packages
 pnpm upgrade -L
+
+# Database migration
+pnpm drizzle-kit pull
+pnpm drizzle-kit generate
+pnpm drizzle-kit migrate
 ```
 
 ## Planned Features

declarations.d.ts

@@ -0,0 +1 @@
+declare module "*.css"

pnpm-lock.yaml

@@ -1,4 +1,4 @@
-import clients from "data/clients.json"
+import clients from "@/data/clients.json"
 
 import { type ImageProps } from "~/lib/types"
 

src/app/about/clients.tsx

@@ -1,4 +1,4 @@
-import committee from "data/committee.json"
+import committee from "@/data/committee.json"
 import Image from "next/image"
 import * as React from "react"
 import { siGithub } from "simple-icons"

src/app/about/committee.tsx

@@ -1,4 +1,4 @@
-import sponsors from "data/sponsors.json"
+import sponsors from "@/data/sponsors.json"
 
 import { type ImageProps } from "~/lib/types"
 

src/app/about/sponsors.tsx

@@ -37,8 +37,8 @@ const Loading = () => {
           <h2 className="font-semibold leading-none tracking-tight">Payment</h2>
           <div className="text-sm text-muted-foreground">
             <p>
-              Become a paying member of Coders for Causes for just $5 a year (ends on 31st Dec{" "}
-              {new Date().getFullYear()}). There are many benefits to becoming a member which include:
+              Become a paying member of Coders for Causes for just $5 a year (ends one year from now). There are many
+              benefits to becoming a member which include:
             </p>
             <ul className="list-inside list-disc">
               <li>discounts to paid events such as industry nights</li>

src/app/create-account/loading.tsx

@@ -609,8 +609,8 @@ export default function CreateAccount() {
             <h2 className="font-semibold leading-none tracking-tight">Payment</h2>
             <div className="text-sm text-muted-foreground">
               <p>
-                Become a paying member of Coders for Causes for just $5 a year (ends on 31st Dec{" "}
-                {new Date().getFullYear()}). There are many benefits to becoming a member which include:
+                Become a paying member of Coders for Causes for just $5 a year (ends one year from now). There are many
+                benefits to becoming a member which include:
               </p>
               <ul className="list-inside list-disc">
                 <li>discounts to paid events such as industry nights</li>

src/app/create-account/page.tsx

@@ -15,9 +15,8 @@ const PaymentBlock = () => {
           <h2 className="font-semibold leading-none tracking-tight">Payment</h2>
           <div className="text-sm text-muted-foreground">
             <p>
-              Become a paying member of Coders for Causes for just $5 a year (ends on 31st Dec{" "}
-              {new Date().getFullYear()}
-              ). There are many benefits to becoming a member which include:
+              Become a paying member of Coders for Causes for just $5 a year (ends one year from now). There are many
+              benefits to becoming a member which include:
             </p>
             <ul className="list-inside list-disc">
               <li>discounts to paid events such as industry nights</li>

src/app/create-account/payment.tsx

@@ -169,6 +169,24 @@ const columns = (updateRole: ({ id, role }: UpdateUserRoleFunctionProps) => void
     cell: (cell) => <span className="text-xs">{cell.getValue<React.ReactNode>()}</span>,
     accessorFn: (user) => format(user.createdAt, "Pp", { locale: enAU }),
   },
+  {
+    id: "Membership expiry",
+    header: "Membership expiry",
+    cell: ({ row }) => {
+      const user = row.original
+      if (!user.membership_expiry) {
+        return
+      }
+      const isExpired = new Date(user.membership_expiry) < new Date()
+      return (
+        <span className={`text-xs ${isExpired ? "text-destructive" : "text-foreground"}`}>
+          {format(user.membership_expiry, "Pp", { locale: enAU })}
+        </span>
+      )
+    },
+    accessorFn: (user) =>
+      user.membership_expiry ? format(user.membership_expiry, "Pp", { locale: enAU }) : "No membership",
+  },
   {
     header: "Socials",
     cell: ({ row }) => {