feat: able to transfer vehicle to business

SnailyCAD · Oct 6, 2023 · 13e8271 · 13e8271
1 parent 7ab25c8
commit 13e8271
Show file tree

Hide file tree

Showing 3 changed files with 85 additions and 16 deletions.
diff --git a/apps/api/src/controllers/business/BusinessController.ts b/apps/api/src/controllers/business/BusinessController.ts
@@ -11,7 +11,14 @@ import {
 } from "@snailycad/schemas";
 import { BadRequest, NotFound } from "@tsed/exceptions";
 import { prisma } from "lib/data/prisma";
-import { type User, EmployeeAsEnum, MiscCadSettings, WhitelistStatus, cad } from "@prisma/client";
+import {
+  type User,
+  EmployeeAsEnum,
+  MiscCadSettings,
+  WhitelistStatus,
+  cad,
+  Prisma,
+} from "@prisma/client";
 import { validateSchema } from "lib/data/validate-schema";
 import { UsePermissions, Permissions } from "middlewares/use-permissions";
 import type * as APITypes from "@snailycad/types/api";
@@ -72,6 +79,18 @@ export class BusinessController {
     return { ownedBusinesses, joinedBusinesses, joinableBusinesses };
   }
 
+  @Get("/search")
+  async searchBusinesses(@QueryParams("query") query: string) {
+    const where: Prisma.BusinessWhereInput = query
+      ? { name: { contains: query, mode: "insensitive" } }
+      : {};
+    const joinableBusinesses = await prisma.business.findMany({
+      where,
+    });
+
+    return joinableBusinesses;
+  }
+
   @Get("/business/:id")
   async getBusinessById(
     @Context("user") user: User,

diff --git a/apps/client/locales/en/citizen.json b/apps/client/locales/en/citizen.json
@@ -101,7 +101,8 @@
     "trimLevels": "Trim Levels",
     "image": "Image",
     "transferVehicleInfo": "Transfer your <span>{model}</span> to a new owner. This means you will lose ownership of this vehicle and will be unable to manage it further.",
-    "alert_deleteVehicle": "Are you sure you want to delete this vehicle? This action cannot be undone."
+    "alert_deleteVehicle": "Are you sure you want to delete this vehicle? This action cannot be undone.",
+    "transferToBusiness": "Transfer to business"
   },
   "Weapons": {
     "model": "Model",
@@ -156,12 +157,11 @@
   "LawBook": {
     "lawBook": "Law Book",
     "warningApplicable": "Warning Applicable",
-    "noPenalCodes": "No penal code has been registered", 
+    "noPenalCodes": "No penal code has been registered",
     "warningNotApplicable": "Warning Not Applicable",
     "fines": "Fines",
     "bail": "Bail",
     "jailTime": "Jail Time",
     "isPrimary": "Is Primary"
   }
 }
-
diff --git a/apps/client/src/components/citizen/vehicles/modals/transfer-vehicle-modal.tsx b/apps/client/src/components/citizen/vehicles/modals/transfer-vehicle-modal.tsx
@@ -1,10 +1,18 @@
-import { Loader, Button, TextField, FormRow } from "@snailycad/ui";
+import {
+  Loader,
+  Button,
+  TextField,
+  FormRow,
+  SwitchField,
+  AsyncListSearchField,
+  Item,
+} from "@snailycad/ui";
 import { Modal } from "components/modal/Modal";
 import { useModal } from "state/modalState";
 import { Form, Formik } from "formik";
 import useFetch from "lib/useFetch";
 import { useTranslations } from "use-intl";
-import type { RegisteredVehicle } from "@snailycad/types";
+import type { Business, RegisteredVehicle } from "@snailycad/types";
 import { ModalIds } from "types/modal-ids";
 import { handleValidate } from "lib/handleValidate";
 import { TRANSFER_VEHICLE_SCHEMA } from "@snailycad/schemas";
@@ -37,6 +45,10 @@ export function TransferVehicleModal({ onTransfer, vehicle }: Props) {
 
   const validate = handleValidate(TRANSFER_VEHICLE_SCHEMA);
   const INITIAL_VALUES = {
+    transferType: "citizen" as "citizen" | "business",
+    businessName: "",
+    businessId: "",
+
     ownerId: "",
     name: "",
   };
@@ -49,27 +61,65 @@ export function TransferVehicleModal({ onTransfer, vehicle }: Props) {
       className="w-[750px]"
     >
       <Formik validate={validate} initialValues={INITIAL_VALUES} onSubmit={onSubmit}>
-        {({ isValid }) => (
+        {({ isValid, values, errors, setValues, setFieldValue }) => (
           <Form>
             <p className="my-2 mb-5">
-              {t("transferVehicleInfo", {
+              {t.rich("transferVehicleInfo", {
                 model: vehicle.model.value.value,
+                span: (children) => <span className="font-medium">{children}</span>,
               })}
             </p>
 
+            <SwitchField
+              onChange={(isSelected) =>
+                setFieldValue("transferType", isSelected ? "business" : "citizen")
+              }
+            >
+              {t("transferToBusiness")}
+            </SwitchField>
+
             <FormRow>
               <TextField label={t("plate")} isDisabled defaultValue={vehicle.plate} />
               <TextField label={t("model")} isDisabled defaultValue={vehicle.model.value.value} />
             </FormRow>
 
-            <CitizenSuggestionsField
-              autoFocus
-              allowsCustomValue
-              label={t("owner")}
-              fromAuthUserOnly={false}
-              labelFieldName="name"
-              valueFieldName="ownerId"
-            />
+            {values.transferType === "business" ? (
+              <AsyncListSearchField<Business>
+                className="w-full"
+                setValues={({ localValue, node }) => {
+                  const labelValue =
+                    typeof localValue !== "undefined" ? { businessName: localValue } : {};
+                  const valueField = node?.value ? { businessId: node.key as string } : {};
+
+                  setValues({ ...values, ...labelValue, ...valueField });
+                }}
+                localValue={values.businessName}
+                errorMessage={errors.businessId}
+                label="Business"
+                selectedKey={values.businessId}
+                fetchOptions={{
+                  apiPath: (query) => `/businesses/search?query=${query}`,
+                  filterTextRequired: true,
+                }}
+              >
+                {(item) => {
+                  return (
+                    <Item key={item.id} textValue={item.name}>
+                      {item.name}
+                    </Item>
+                  );
+                }}
+              </AsyncListSearchField>
+            ) : (
+              <CitizenSuggestionsField
+                autoFocus
+                allowsCustomValue
+                label={t("owner")}
+                fromAuthUserOnly={false}
+                labelFieldName="name"
+                valueFieldName="ownerId"
+              />
+            )}
 
             <footer className="mt-5 flex justify-end">
               <Button