From b41955333ca17afcf8d1356ddf096222cd88315e Mon Sep 17 00:00:00 2001
From: casperiv0 <53900565+casperiv0@users.noreply.github.com>
Date: Mon, 2 Oct 2023 14:38:20 +0200
Subject: [PATCH] chore: remove deprecated `onClick`

---
 .../units/tabs/all-units-tab/prune-units-modal.tsx     |  2 +-
 apps/client/src/components/auth/api-verification.tsx   | 10 +---------
 .../expungement-requests/expungement-requests-tab.tsx  |  2 +-
 .../active-calls/modals/add-unit-to-call-modal.tsx     |  2 +-
 .../active-calls/modals/manage-911-call-form.tsx       |  2 +-
 .../smart-motorway-sign-marker.tsx                     |  2 +-
 .../search-medical-records/tabs/doctor-visits-tab.tsx  |  2 +-
 .../tabs/medical-records-tab.tsx                       |  2 +-
 .../modals/NameSearchModal/sections/footer-actions.tsx |  2 +-
 .../tabs/connections-tab/connections-tab.tsx           |  4 ++--
 .../leo/private-messages/private-messages-button.tsx   |  2 +-
 .../components/shared/utility-panel/utility-panel.tsx  |  2 +-
 apps/client/src/pages/admin/manage/users/[id].tsx      |  2 +-
 apps/client/src/pages/admin/manage/users/index.tsx     |  2 +-
 apps/client/src/pages/admin/values/[path].tsx          |  2 +-
 apps/client/src/pages/bleeter/@/[handle].tsx           |  4 ++--
 apps/client/src/pages/ems-fd/hospital-services.tsx     |  2 +-
 17 files changed, 19 insertions(+), 27 deletions(-)

diff --git a/apps/client/src/components/admin/manage/units/tabs/all-units-tab/prune-units-modal.tsx b/apps/client/src/components/admin/manage/units/tabs/all-units-tab/prune-units-modal.tsx
index 361930751..c63804687 100644
--- a/apps/client/src/components/admin/manage/units/tabs/all-units-tab/prune-units-modal.tsx
+++ b/apps/client/src/components/admin/manage/units/tabs/all-units-tab/prune-units-modal.tsx
@@ -173,7 +173,7 @@ export function PruneUnitsModal() {
 
       <footer>
         <Button
-          onClick={handleSubmit}
+          onPress={handleSubmit}
           type="button"
           className="mt-4"
           isDisabled={asyncTable.isLoading || state === "loading"}
diff --git a/apps/client/src/components/auth/api-verification.tsx b/apps/client/src/components/auth/api-verification.tsx
index f5b197978..80ae8b58c 100644
--- a/apps/client/src/components/auth/api-verification.tsx
+++ b/apps/client/src/components/auth/api-verification.tsx
@@ -1,5 +1,5 @@
 import { GetCADSettingsData } from "@snailycad/types/api";
-import { Alert, Button } from "@snailycad/ui";
+import { Alert } from "@snailycad/ui";
 import { getAPIUrl } from "@snailycad/utils/api-url";
 import { useQuery } from "@tanstack/react-query";
 import useFetch from "lib/useFetch";
@@ -36,10 +36,6 @@ export function ApiVerification(props: Props) {
     },
   });
 
-  function handleCopyError(error: any) {
-    navigator.clipboard.writeText(error);
-  }
-
   if (error && props.isCORSError) {
     return (
       <div className="fixed inset-0 grid place-content-center z-[999] text-white bg-primary">
@@ -145,10 +141,6 @@ NEXT_PUBLIC_PROD_ORIGIN="${process.env.NEXT_PUBLIC_PROD_ORIGIN}"`}
 
   return error ? (
     <Alert className="mb-5 max-w-md z-50" type="error" title={title} message={message}>
-      <Button className="mt-3" onPress={() => handleCopyError(error)}>
-        Copy error data
-      </Button>
-
       <p className="mt-3">
         <span className="font-medium">If you are the owner/developer for this community,</span>{" "}
         please visit our{" "}
diff --git a/apps/client/src/components/courthouse/expungement-requests/expungement-requests-tab.tsx b/apps/client/src/components/courthouse/expungement-requests/expungement-requests-tab.tsx
index aae5eb932..592c3062a 100644
--- a/apps/client/src/components/courthouse/expungement-requests/expungement-requests-tab.tsx
+++ b/apps/client/src/components/courthouse/expungement-requests/expungement-requests-tab.tsx
@@ -111,7 +111,7 @@ export function ExpungementRequestsTab(props: Props) {
                 <Button
                   disabled={isDisabled}
                   size="xs"
-                  onClick={() => handleCancelClick(request)}
+                  onPress={() => handleCancelClick(request)}
                   variant="danger"
                 >
                   {t("cancelRequest")}
diff --git a/apps/client/src/components/dispatch/active-calls/modals/add-unit-to-call-modal.tsx b/apps/client/src/components/dispatch/active-calls/modals/add-unit-to-call-modal.tsx
index 17f0672df..19767c117 100644
--- a/apps/client/src/components/dispatch/active-calls/modals/add-unit-to-call-modal.tsx
+++ b/apps/client/src/components/dispatch/active-calls/modals/add-unit-to-call-modal.tsx
@@ -276,7 +276,7 @@ export function AddUnitToCallModal({ onClose }: Props) {
                           className="p-2"
                           size="xs"
                           type="button"
-                          onClick={() => handleRemoveUnit(unit, values, setValues)}
+                          onPress={() => handleRemoveUnit(unit, values, setValues)}
                         >
                           <TrashFill />
                         </Button>
diff --git a/apps/client/src/components/dispatch/active-calls/modals/manage-911-call-form.tsx b/apps/client/src/components/dispatch/active-calls/modals/manage-911-call-form.tsx
index c24807ad5..c572188fe 100644
--- a/apps/client/src/components/dispatch/active-calls/modals/manage-911-call-form.tsx
+++ b/apps/client/src/components/dispatch/active-calls/modals/manage-911-call-form.tsx
@@ -294,7 +294,7 @@ export function Manage911CallForm({ call, isDisabled, setShowAlert, handleClose
                   disabled={isDisabled || state === "loading"}
                   className="flex items-center ml-2"
                   type="button"
-                  onClick={() => {
+                  onPress={() => {
                     setFieldValue("status", WhitelistStatus.ACCEPTED);
                     handleSubmit();
                   }}
diff --git a/apps/client/src/components/dispatch/map/smart-motorway-signs/smart-motorway-sign-marker.tsx b/apps/client/src/components/dispatch/map/smart-motorway-signs/smart-motorway-sign-marker.tsx
index d046bd9af..ababa497d 100644
--- a/apps/client/src/components/dispatch/map/smart-motorway-signs/smart-motorway-sign-marker.tsx
+++ b/apps/client/src/components/dispatch/map/smart-motorway-signs/smart-motorway-sign-marker.tsx
@@ -156,7 +156,7 @@ export function SmartMotorwaySignsMarker({ marker }: Props) {
               variant="danger"
               className="w-full"
               type="button"
-              onClick={() => setMarkerConfiguration([])}
+              onPress={() => setMarkerConfiguration([])}
               disabled={!hasManageSmartMotorwaysSignsPermissions}
             >
               Reset
diff --git a/apps/client/src/components/ems-fd/modals/search-medical-records/tabs/doctor-visits-tab.tsx b/apps/client/src/components/ems-fd/modals/search-medical-records/tabs/doctor-visits-tab.tsx
index 5335859fd..fc06a14bd 100644
--- a/apps/client/src/components/ems-fd/modals/search-medical-records/tabs/doctor-visits-tab.tsx
+++ b/apps/client/src/components/ems-fd/modals/search-medical-records/tabs/doctor-visits-tab.tsx
@@ -28,7 +28,7 @@ export function DoctorVisitsTab(props: DoctorVisitsTabProps) {
       <header className="flex items-center justify-between my-3">
         <h1 className="text-xl font-semibold">{t("Ems.doctorVisits")}</h1>
 
-        <Button size="xs" onClick={() => modalState.openModal(ModalIds.CreateDoctorVisit)}>
+        <Button size="xs" onPress={() => modalState.openModal(ModalIds.CreateDoctorVisit)}>
           {t("Ems.add")}
         </Button>
       </header>
diff --git a/apps/client/src/components/ems-fd/modals/search-medical-records/tabs/medical-records-tab.tsx b/apps/client/src/components/ems-fd/modals/search-medical-records/tabs/medical-records-tab.tsx
index f8d03eb2c..35f78df48 100644
--- a/apps/client/src/components/ems-fd/modals/search-medical-records/tabs/medical-records-tab.tsx
+++ b/apps/client/src/components/ems-fd/modals/search-medical-records/tabs/medical-records-tab.tsx
@@ -82,7 +82,7 @@ export function MedicalRecordsTab(props: MedicalRecordsTabProps) {
       <header className="flex items-center justify-between my-3">
         <h1 className="text-xl font-semibold">{t("Ems.medicalRecords")}</h1>
 
-        <Button size="xs" onClick={() => modalState.openModal(ModalIds.ManageMedicalRecords)}>
+        <Button size="xs" onPress={() => modalState.openModal(ModalIds.ManageMedicalRecords)}>
           {t("Ems.add")}
         </Button>
       </header>
diff --git a/apps/client/src/components/leo/modals/NameSearchModal/sections/footer-actions.tsx b/apps/client/src/components/leo/modals/NameSearchModal/sections/footer-actions.tsx
index c4e02c7b9..e6db362db 100644
--- a/apps/client/src/components/leo/modals/NameSearchModal/sections/footer-actions.tsx
+++ b/apps/client/src/components/leo/modals/NameSearchModal/sections/footer-actions.tsx
@@ -153,7 +153,7 @@ export function NameSearchFooterActions(props: Props) {
             <Button
               key={type}
               type="button"
-              onClick={() => handleOpenCreateRecord(type)}
+              onPress={() => handleOpenCreateRecord(type)}
               variant="cancel"
               className="px-1.5"
             >
diff --git a/apps/client/src/components/leo/modals/manage-record/tabs/connections-tab/connections-tab.tsx b/apps/client/src/components/leo/modals/manage-record/tabs/connections-tab/connections-tab.tsx
index b4d4f742e..b15fb19e2 100644
--- a/apps/client/src/components/leo/modals/manage-record/tabs/connections-tab/connections-tab.tsx
+++ b/apps/client/src/components/leo/modals/manage-record/tabs/connections-tab/connections-tab.tsx
@@ -83,7 +83,7 @@ export function ConnectionsTab({
           {values.incidentId ? (
             <>
               <Button
-                onClick={() => {
+                onPress={() => {
                   modalState.openModal(ModalIds.ManageIncident);
                 }}
                 className="min-w-fit"
@@ -135,7 +135,7 @@ export function ConnectionsTab({
         {values.call911Id ? (
           <>
             <Button
-              onClick={() => {
+              onPress={() => {
                 setCurrentlySelectedCall(call);
                 modalState.openModal(ModalIds.Manage911Call);
               }}
diff --git a/apps/client/src/components/leo/private-messages/private-messages-button.tsx b/apps/client/src/components/leo/private-messages/private-messages-button.tsx
index 56b384bb9..680eccf74 100644
--- a/apps/client/src/components/leo/private-messages/private-messages-button.tsx
+++ b/apps/client/src/components/leo/private-messages/private-messages-button.tsx
@@ -49,7 +49,7 @@ export function PrivateMessagesButton(props: Props) {
 
               <Button
                 size="sm"
-                onClick={() => modalState.openModal(ModalIds.PrivateMessage, props.unit)}
+                onPress={() => modalState.openModal(ModalIds.PrivateMessage, props.unit)}
               >
                 {t("privateMessages")}
               </Button>
diff --git a/apps/client/src/components/shared/utility-panel/utility-panel.tsx b/apps/client/src/components/shared/utility-panel/utility-panel.tsx
index 010fc04f7..474ac2589 100644
--- a/apps/client/src/components/shared/utility-panel/utility-panel.tsx
+++ b/apps/client/src/components/shared/utility-panel/utility-panel.tsx
@@ -63,7 +63,7 @@ export function UtilityPanel({ children, isDispatch }: Props) {
         <Button
           className="flex items-center gap-2"
           size="xs"
-          onClick={() => modalState.openModal(ModalIds.EditDashboardLayout)}
+          onPress={() => modalState.openModal(ModalIds.EditDashboardLayout)}
         >
           <Grid1x2Fill />
           Edit Dashboard Layout
diff --git a/apps/client/src/pages/admin/manage/users/[id].tsx b/apps/client/src/pages/admin/manage/users/[id].tsx
index b9279f88d..8a9016a91 100644
--- a/apps/client/src/pages/admin/manage/users/[id].tsx
+++ b/apps/client/src/pages/admin/manage/users/[id].tsx
@@ -161,7 +161,7 @@ export default function ManageCitizens(props: Props) {
           message="This user was denied access. This user may first be approved by an administrator before any changes can be done."
           title="User was denied access"
         >
-          <Button onClick={handleAcceptUser} variant="amber" className="mt-3 max-w-fit">
+          <Button onPress={handleAcceptUser} variant="amber" className="mt-3 max-w-fit">
             Accept this user
           </Button>
         </Alert>
diff --git a/apps/client/src/pages/admin/manage/users/index.tsx b/apps/client/src/pages/admin/manage/users/index.tsx
index fd6e42a53..d62317ebd 100644
--- a/apps/client/src/pages/admin/manage/users/index.tsx
+++ b/apps/client/src/pages/admin/manage/users/index.tsx
@@ -56,7 +56,7 @@ export default function ManageUsers({ data }: Props) {
 
         {hasManagePermissions ? (
           <div>
-            <Button onClick={() => modalState.openModal(ModalIds.PruneUsers)}>
+            <Button onPress={() => modalState.openModal(ModalIds.PruneUsers)}>
               {t("pruneUsers")}
             </Button>
           </div>
diff --git a/apps/client/src/pages/admin/values/[path].tsx b/apps/client/src/pages/admin/values/[path].tsx
index e5c6d46bd..99f6ee248 100644
--- a/apps/client/src/pages/admin/values/[path].tsx
+++ b/apps/client/src/pages/admin/values/[path].tsx
@@ -260,7 +260,7 @@ export default function ValuePath({ pathValues: { totalCount, type, values: data
           <span>
             {getObjLength(tableState.rowSelection)} items selected.{" "}
             <Button
-              onClick={() => setAllSelected(true)}
+              onPress={() => setAllSelected(true)}
               variant="transparent"
               className="underline"
               size="xs"
diff --git a/apps/client/src/pages/bleeter/@/[handle].tsx b/apps/client/src/pages/bleeter/@/[handle].tsx
index f09e88999..71d382aa5 100644
--- a/apps/client/src/pages/bleeter/@/[handle].tsx
+++ b/apps/client/src/pages/bleeter/@/[handle].tsx
@@ -119,11 +119,11 @@ export default function BleeterProfilePage(props: BleeterProfilePageProps) {
             )}
             {hasAdminPermissions ? (
               props.data.isVerified ? (
-                <Button onClick={() => handleProfileVerification()} className="text-sm" size="xs">
+                <Button onPress={() => handleProfileVerification()} className="text-sm" size="xs">
                   {t("unVerifyProfile")}
                 </Button>
               ) : (
-                <Button onClick={() => handleProfileVerification()} className="text-sm" size="xs">
+                <Button onPress={() => handleProfileVerification()} className="text-sm" size="xs">
                   {t("verifyProfile")}
                 </Button>
               )
diff --git a/apps/client/src/pages/ems-fd/hospital-services.tsx b/apps/client/src/pages/ems-fd/hospital-services.tsx
index 5c90c849c..33c5faf5e 100644
--- a/apps/client/src/pages/ems-fd/hospital-services.tsx
+++ b/apps/client/src/pages/ems-fd/hospital-services.tsx
@@ -99,7 +99,7 @@ export default function EmsFdIncidents({ deadCitizens }: Props) {
             height: citizen.height,
             actions: (
               <Button
-                onClick={() => handleDeclareCitizenAliveClick(citizen.id)}
+                onPress={() => handleDeclareCitizenAliveClick(citizen.id)}
                 variant="success"
                 size="xs"
               >