feat: CAD timezone

apps/api/prisma/migrations/20230910082136_cad_time_zone/migration.sql

@@ -0,0 +1,2 @@
+-- AlterTable
+ALTER TABLE "cad" ADD COLUMN     "timeZone" TEXT;

apps/api/prisma/schema.prisma

@@ -40,6 +40,7 @@ model cad {
   autoSetUserPropertiesId String?
   discordRoles            DiscordRoles?          @relation(fields: [discordRolesId], references: [id])
   discordRolesId          String?
+  timeZone                String?
 }
 
 model CadFeature {

apps/api/src/controllers/admin/manage/cad-settings/CadSettings.ts

@@ -149,6 +149,7 @@ export class CADSettingsController {
         businessWhitelisted: data.businessWhitelisted,
         registrationCode: data.registrationCode,
         logoId: data.image,
+        timeZone: data.timeZone || null,
         miscCadSettings: { update: { roleplayEnabled: data.roleplayEnabled } },
       },
       include: { features: true, miscCadSettings: true, apiToken: true },

apps/client/locales/en/cad-settings.json

@@ -23,7 +23,9 @@
     "taxiWhitelist": "Taxi Whitelist",
     "taxiWhitelistDescription": "The taxi system will be whitelisted. The Taxi permission must be given to the user before they can use the taxi system.",
     "businessWhitelist": "Business Whitelist",
-    "businessWhitelistDescription": "The business system will be whitelisted. Any new business must first be reviewed, then they can be approved or denied before it can be used."
+    "businessWhitelistDescription": "The business system will be whitelisted. Any new business must first be reviewed, then they can be approved or denied before it can be used.",
+    "timeZone": "Time Zone",
+    "timeZoneDescription": "The time zone that will be used in the SnailyCAD instance. This will apply to all users."
   },
   "DiscordRolesTab": {
     "discordRoles": "Discord Roles",

apps/client/src/components/admin/manage/cad-settings/general/general-settings-tab.tsx

@@ -2,7 +2,15 @@ import * as React from "react";
 import { useAuth } from "context/AuthContext";
 import { useTranslations } from "use-intl";
 import useFetch from "lib/useFetch";
-import { Button, Input, Loader, SwitchField, TextField, Textarea } from "@snailycad/ui";
+import {
+  Button,
+  Input,
+  Loader,
+  SelectField,
+  SwitchField,
+  TextField,
+  Textarea,
+} from "@snailycad/ui";
 import { handleValidate } from "lib/handleValidate";
 import { CAD_SETTINGS_SCHEMA } from "@snailycad/schemas";
 import { ImageSelectInput, validateFile } from "components/form/inputs/ImageSelectInput";
@@ -14,6 +22,8 @@ import type { PutCADSettingsData } from "@snailycad/types/api";
 import { TabsContent } from "@radix-ui/react-tabs";
 import { SettingsTabs } from "components/admin/cad-settings/layout";
 
+import timeZones from "./timezones.json";
+
 export function GeneralSettingsTab() {
   const [logo, setLogo] = React.useState<(File | string) | null>(null);
   const [headerId, setHeaderId] = React.useState<(File | string) | null>(null);
@@ -111,6 +121,7 @@ export function GeneralSettingsTab() {
     registrationCode: cad.registrationCode ?? "",
     roleplayEnabled: cad.miscCadSettings?.roleplayEnabled ?? true,
     cadOGDescription: cad.miscCadSettings?.cadOGDescription ?? "",
+    timeZone: cad?.timeZone ?? null,
   };
 
   return (
@@ -146,6 +157,24 @@ export function GeneralSettingsTab() {
               />
             </SettingsFormField>
 
+            <SettingsFormField
+              label={t("timeZone")}
+              description={t("timeZoneDescription")}
+              errorMessage={errors.timeZone}
+              optional
+            >
+              <SelectField
+                name="timeZone"
+                label={t("timeZone")}
+                options={timeZones.map((tz) => ({
+                  label: tz,
+                  value: tz,
+                }))}
+                selectedKey={values.timeZone}
+                onSelectionChange={(value) => setFieldValue("timeZone", value)}
+              />
+            </SettingsFormField>
+
             {AOP ? (
               <SettingsFormField
                 optional