fix spelling commentary

src/admin/components/ResourceTabs/PolygonReviewTab/components/ComentarySection/ComentarySection.tsx → src/admin/components/ResourceTabs/PolygonReviewTab/components/CommentarySection/CommentarySection.tsx

@@ -6,7 +6,7 @@ import Text from "@/components/elements/Text/Text";
 import Loader from "@/components/generic/Loading/Loader";
 import { useGetAuthMe } from "@/generated/apiComponents";
 
-const ComentarySection = ({
+const CommentarySection = ({
   auditLogData,
   refresh,
   record,
@@ -51,7 +51,7 @@ const ComentarySection = ({
                     name={item?.first_name || item.created_by}
                     lastName={item?.last_name}
                     date={item.date_created}
-                    comentary={item.comment}
+                    commentary={item.comment}
                   />
                 ))
             ) : (
@@ -66,4 +66,4 @@ const ComentarySection = ({
   );
 };
 
-export default ComentarySection;
+export default CommentarySection;

src/components/elements/Commentary/Commentary.stories.tsx

@@ -1,8 +1,8 @@
 import { Meta, StoryObj } from "@storybook/react";
 
-import { comentaryFiles } from "@/components/extensive/Modal/ModalContent/MockedData";
+import { CommentaryFiles } from "@/components/extensive/Modal/ModalContent/MockedData";
 
-import { ComentaryProps as Props } from "./Commentary";
+import { CommentaryProps as Props } from "./Commentary";
 import Component from "./Commentary";
 
 const meta: Meta<typeof Component> = {
@@ -23,8 +23,8 @@ export const Default: Story = {
     name: "Ricardo",
     lastName: "Saavedra",
     date: "Oct 6, 2022 at 1:12 AM",
-    comentary: `Don't see the outline. the source code also needs to be updated.re: aligned to one source. we need to make sure whether this is appropriate. consider that we have the organization in sign-up/profile, mask, and work request boards. On Thursday will provide the the source tables requested`,
-    files: comentaryFiles,
+    Commentary: `Don't see the outline. the source code also needs to be updated.re: aligned to one source. we need to make sure whether this is appropriate. consider that we have the organization in sign-up/profile, mask, and work request boards. On Thursday will provide the the source tables requested`,
+    files: CommentaryFiles,
     status: "submitted"
   }
 };

src/components/elements/Commentary/Commentary.tsx

@@ -1,26 +1,26 @@
 import { When } from "react-if";
 
 import Text from "@/components/elements/Text/Text";
-export interface ComentaryFilesProps {
+export interface CommentaryFilesProps {
   id: string;
   file: string;
 }
-export interface ComentaryProps {
+export interface CommentaryProps {
   name: string;
   lastName: string;
   date: string;
-  comentary: string;
+  commentary: string;
   status?: "draft" | "submitted";
-  files?: ComentaryFilesProps[];
+  files?: CommentaryFilesProps[];
 }
 
 const statusStyle = {
   submitted: { container: "bg-primary-200", textColor: "text-primary" },
   draft: { container: "bg-pinkCustom-200", textColor: "text-pinkCustom" }
 };
 
-const Comentary = (props: ComentaryProps) => {
-  const { name, lastName, date, comentary, files = [], status } = props;
+const Commentary = (props: CommentaryProps) => {
+  const { name, lastName, date, commentary, files = [], status } = props;
   return (
     <div className="flex flex-col gap-2">
       <div className="flex justify-between">
@@ -57,7 +57,7 @@ const Comentary = (props: ComentaryProps) => {
         variant="text-12-light"
         className="max-h-72 overflow-auto rounded-2xl border border-grey-750 p-3 leading-[175%] text-blueCustom-250 opacity-50"
       >
-        {comentary}
+        {commentary}
       </Text>
       <div className="flex flex-wrap gap-2">
         {files.map(file => (
@@ -72,4 +72,4 @@ const Comentary = (props: ComentaryProps) => {
   );
 };
 
-export default Comentary;
+export default Commentary;

src/components/elements/CommentaryBox/CommentaryBox.stories.tsx

@@ -1,6 +1,6 @@
 import { Meta, StoryObj } from "@storybook/react";
 
-import { ComentaryBoxProps as Props } from "./CommentaryBox";
+import { CommentaryBoxProps as Props } from "./CommentaryBox";
 import Component from "./CommentaryBox";
 
 const meta: Meta<typeof Component> = {

src/components/elements/CommentaryBox/CommentaryBox.tsx

@@ -6,7 +6,7 @@ import TextArea from "@/components/elements/Inputs/textArea/TextArea";
 import Text from "@/components/elements/Text/Text";
 import Icon, { IconNames } from "@/components/extensive/Icon/Icon";
 
-export interface ComentaryBoxProps {
+export interface CommentaryBoxProps {
   name: string;
   lastName: string;
   buttonSendOnBox?: boolean;
@@ -16,7 +16,7 @@ export interface ComentaryBoxProps {
   entity?: string;
 }
 
-const ComentaryBox = (props: ComentaryBoxProps) => {
+const CommentaryBox = (props: CommentaryBoxProps) => {
   const { name, lastName, buttonSendOnBox } = props;
   const t = useT();
 
@@ -59,4 +59,4 @@ const ComentaryBox = (props: ComentaryBoxProps) => {
   );
 };
 
-export default ComentaryBox;
+export default CommentaryBox;

src/components/extensive/Modal/ModalContent/MockedData.ts

@@ -106,7 +106,7 @@ export const commentariesItems = [
     name: "Ricardo",
     lastName: "Saavedra",
     date: "Oct 6, 2022 at 1:12 AM",
-    comentary: `Don't see the outline. the source code also needs to be updated.re: aligned to one source. we need to make sure whether this is appropriate. consider that we have the organization in sign-up/profile, mask, and work request boards. On Thursday will provide the the source tables requested`,
+    commentary: `Don't see the outline. the source code also needs to be updated.re: aligned to one source. we need to make sure whether this is appropriate. consider that we have the organization in sign-up/profile, mask, and work request boards. On Thursday will provide the the source tables requested`,
     files: commentaryFiles,
     status: "submitted"
   },
@@ -115,7 +115,7 @@ export const commentariesItems = [
     name: "Katie",
     lastName: "Evers",
     date: "Oct 5, 2022 at 11:51 PM",
-    comentary: `The zoom to areas table sources the main mapvi
+    commentary: `The zoom to areas table sources the main mapvi
         ew drop down list which only has for example, "Adams County" and not "Unincorporated Adams County". Do we want both options? @ricardosaavedra2    what is the source table of the mask layers? and also what is the source layer for work request drop down? Earlier this week when I was trying to add highlands ranch geom you said 'jurisdictions'. I added it but still don't see the outline. All this should be aligned to one source with data restructure I added it but still don't see the outline. All this should be aligned to one source with data restructure I added it but still don't see the outline. All this should be aligned to one source with data restructure`,
     status: "draft"
   }

src/components/extensive/Modal/ModalWithLogo.tsx

@@ -99,7 +99,7 @@ const ModalWithLogo: FC<ModalWithLogoProps> = ({
               name={item.name}
               lastName={item.lastName}
               date={item.date}
-              comentary={item.comentary}
+              commentary={item.Commentary}
               files={item.files}
               status={item.status as "draft" | "submitted" | undefined}
             />