chore: remove deprecated onClick

SnailyCAD · Oct 2, 2023 · b419553 · b419553
1 parent 53aad04
commit b419553
Show file tree

Hide file tree

Showing 17 changed files with 19 additions and 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
@@ -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
@@ -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
@@ -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
@@ -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
@@ -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
@@ -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
@@ -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
@@ -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
@@ -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
@@ -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
@@ -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
@@ -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
@@ -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
@@ -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
@@ -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
@@ -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
@@ -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"
               >