🔍 Rename publication to post for v3 preparation: v9 (#pre-lens-v3)

Summary: Renamed "publication" to "post" and added a new reporting feature.

Highlights:

• Renamed components and variables from `Publication` to `Post`.
• Added `Reason` component for selecting report reasons and subreasons.
• Implemented `ReportPost` component for reporting posts with comments.

Read more: https://pierre.co/hey/hey/pre-lens-v3

apps/web/src/components/Shared/GlobalModals.tsx

@@ -1,5 +1,5 @@
 import NewPublication from "@components/Composer/NewPublication";
-import ReportPublication from "@components/Shared/Modal/ReportPublication";
+import ReportPost from "@components/Shared/Modal/ReportPost";
 import { Modal } from "@hey/ui";
 import type { FC } from "react";
 import { useGlobalModalStateStore } from "src/store/non-persisted/useGlobalModalStateStore";
@@ -56,7 +56,7 @@ const GlobalModals: FC = () => {
         show={showPublicationReportModal}
         title="Report Publication"
       >
-        <ReportPublication postId={reportingPublicationId} />
+        <ReportPost postId={reportingPublicationId} />
       </Modal>
       <Modal
         onClose={() => setShowReportProfileModal(false, reportingProfile)}

apps/web/src/components/Shared/Modal/ReportPublication/index.tsx → apps/web/src/components/Shared/Modal/ReportPost/index.tsx

@@ -20,23 +20,23 @@ import { useProfileStatus } from "src/store/non-persisted/useProfileStatus";
 import { object, string, type z } from "zod";
 import Reason from "./Reason";
 
-const newReportPublicationSchema = object({
+const newReportPostSchema = object({
   additionalComments: string().max(260, {
     message: "Additional comments should not exceed 260 characters"
   })
 });
 
-interface ReportProps {
+interface ReportPostProps {
   postId: null | string;
 }
 
-const ReportPublication: FC<ReportProps> = ({ postId }) => {
+const ReportPost: FC<ReportPostProps> = ({ postId }) => {
   const { isSuspended } = useProfileStatus();
   const [type, setType] = useState("");
   const [subReason, setSubReason] = useState("");
 
   const form = useZodForm({
-    schema: newReportPublicationSchema
+    schema: newReportPostSchema
   });
 
   const [
@@ -48,9 +48,9 @@ const ReportPublication: FC<ReportProps> = ({ postId }) => {
     }
   });
 
-  const reportPublication = async ({
+  const reportPost = async ({
     additionalComments
-  }: z.infer<typeof newReportPublicationSchema>) => {
+  }: z.infer<typeof newReportPostSchema>) => {
     if (isSuspended) {
       return toast.error(Errors.Suspended);
     }
@@ -85,7 +85,7 @@ const ReportPublication: FC<ReportProps> = ({ postId }) => {
         />
       ) : postId ? (
         <div className="p-5">
-          <Form className="space-y-4" form={form} onSubmit={reportPublication}>
+          <Form className="space-y-4" form={form} onSubmit={reportPost}>
             {submitError ? (
               <ErrorMessage error={submitError} title="Failed to report" />
             ) : null}
@@ -118,4 +118,4 @@ const ReportPublication: FC<ReportProps> = ({ postId }) => {
   );
 };
 
-export default ReportPublication;
+export default ReportPost;