fix: casing throughout the platform (#5293)

web/core/components/inbox/modals/accept-issue-modal.tsx

@@ -1,97 +0,0 @@
-"use client";
-
-import React, { useState } from "react";
-import { CheckCircle } from "lucide-react";
-import { Dialog, Transition } from "@headlessui/react";
-import type { TIssue } from "@plane/types";
-// icons
-// ui
-import { Button } from "@plane/ui";
-// hooks
-import { useProject } from "@/hooks/store";
-
-type Props = {
-  data: Partial<TIssue>;
-  isOpen: boolean;
-  onClose: () => void;
-  onSubmit: () => Promise<void>;
-};
-
-export const AcceptIssueModal: React.FC<Props> = ({ isOpen, onClose, data, onSubmit }) => {
-  const [isAccepting, setIsAccepting] = useState(false);
-  // hooks
-  const { getProjectById } = useProject();
-
-  const handleClose = () => {
-    setIsAccepting(false);
-    onClose();
-  };
-
-  const handleAccept = () => {
-    setIsAccepting(true);
-    onSubmit().finally(() => setIsAccepting(false));
-  };
-
-  return (
-    <Transition.Root show={isOpen} as={React.Fragment}>
-      <Dialog as="div" className="relative z-20" onClose={handleClose}>
-        <Transition.Child
-          as={React.Fragment}
-          enter="ease-out duration-300"
-          enterFrom="opacity-0"
-          enterTo="opacity-100"
-          leave="ease-in duration-200"
-          leaveFrom="opacity-100"
-          leaveTo="opacity-0"
-        >
-          <div className="fixed inset-0 bg-custom-backdrop transition-opacity" />
-        </Transition.Child>
-
-        <div className="fixed inset-0 z-10 overflow-y-auto">
-          <div className="flex min-h-full items-end justify-center p-4 text-center sm:items-center sm:p-0">
-            <Transition.Child
-              as={React.Fragment}
-              enter="ease-out duration-300"
-              enterFrom="opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95"
-              enterTo="opacity-100 translate-y-0 sm:scale-100"
-              leave="ease-in duration-200"
-              leaveFrom="opacity-100 translate-y-0 sm:scale-100"
-              leaveTo="opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95"
-            >
-              <Dialog.Panel className="relative transform overflow-hidden rounded-lg bg-custom-background-100 text-left shadow-custom-shadow-md transition-all sm:my-8 sm:w-full sm:max-w-2xl">
-                <div className="flex flex-col gap-6 p-6">
-                  <div className="flex w-full items-center justify-start gap-6">
-                    <span className="place-items-center rounded-full bg-green-500/20 p-4">
-                      <CheckCircle className="h-6 w-6 text-green-600" aria-hidden="true" />
-                    </span>
-                    <span className="flex items-center justify-start">
-                      <h3 className="text-xl font-medium 2xl:text-2xl">Accept Issue</h3>
-                    </span>
-                  </div>
-                  <span>
-                    <p className="text-sm text-custom-text-200">
-                      Are you sure you want to accept issue{" "}
-                      <span className="break-all font-medium text-custom-text-100">
-                        {(data && data?.project_id && getProjectById(data?.project_id)?.identifier) || ""}-
-                        {data?.sequence_id}
-                      </span>
-                      {""}? Once accepted, this issue will be added to the project issues list.
-                    </p>
-                  </span>
-                  <div className="flex justify-end gap-2">
-                    <Button variant="neutral-primary" size="sm" onClick={handleClose}>
-                      Cancel
-                    </Button>
-                    <Button variant="primary" size="sm" tabIndex={1} onClick={handleAccept} loading={isAccepting}>
-                      {isAccepting ? "Accepting..." : "Accept Issue"}
-                    </Button>
-                  </div>
-                </div>
-              </Dialog.Panel>
-            </Transition.Child>
-          </div>
-        </div>
-      </Dialog>
-    </Transition.Root>
-  );
-};

web/core/components/inbox/modals/create-edit-modal/create-root.tsx

@@ -155,7 +155,7 @@ export const InboxIssueCreateRoot: FC<TInboxIssueCreateRoot> = observer((props)
   return (
     <form onSubmit={handleFormSubmit}>
       <div className="space-y-5 p-5">
-        <h3 className="text-xl font-medium text-custom-text-200">Create Intake Issue</h3>
+        <h3 className="text-xl font-medium text-custom-text-200">Create intake issue</h3>
         <div className="space-y-3">
           <InboxIssueTitle
             data={formData}

web/core/components/inbox/modals/decline-issue-modal.tsx

@@ -38,7 +38,7 @@ export const DeclineIssueModal: React.FC<Props> = (props) => {
       handleSubmit={handleDecline}
       isSubmitting={isDeclining}
       isOpen={isOpen}
-      title="Decline Issue"
+      title="Decline issue"
       content={
         <>
           {" "}

web/core/components/inbox/modals/delete-issue-modal.tsx

@@ -59,7 +59,7 @@ export const DeleteInboxIssueModal: React.FC<Props> = observer(({ isOpen, onClos
       handleSubmit={handleDelete}
       isSubmitting={isDeleting}
       isOpen={isOpen}
-      title="Delete Issue"
+      title="Delete issue"
       content={
         <>
           Are you sure you want to delete issue{" "}

web/core/components/inbox/modals/index.ts

@@ -1,4 +1,3 @@
-export * from "./accept-issue-modal";
 export * from "./create-edit-modal";
 export * from "./decline-issue-modal";
 export * from "./delete-issue-modal";