fix: pre written phrases button (#124)

Author: malcodeman

src/app/[locale]/resumes/[id]/_components/_sections/AddPreWrittenPhrasesButton.tsx

@@ -2,15 +2,16 @@ import { Button, useDisclosure } from "@chakra-ui/react";
 import { useTranslations } from "next-intl";
 import { PlusIcon } from "lucide-react";
 import { PreWrittenPhrasesModal } from "app/[locale]/resumes/[id]/_components/_sections/PreWrittenPhrasesModal";
-import { PHRASES } from "lib/phrases";
+import { Phrase } from "types";
 
 type Props = {
+  phrases: Phrase[];
   currentPhrases: string;
   onChange: (_phrase: string, _isChecked: boolean) => void;
 };
 
 function AddPreWrittenPhrasesButton(props: Props) {
-  const { currentPhrases, onChange } = props;
+  const { phrases, currentPhrases, onChange } = props;
   const t = useTranslations();
   const { isOpen, onOpen, onClose } = useDisclosure();
 
@@ -28,7 +29,7 @@ function AddPreWrittenPhrasesButton(props: Props) {
       <PreWrittenPhrasesModal
         isOpen={isOpen}
         value={currentPhrases}
-        phrases={PHRASES.SUMMARY}
+        phrases={phrases}
         onClose={onClose}
         onChange={onChange}
       />

src/app/[locale]/resumes/[id]/_components/_sections/PersonalDetailsSection.tsx

@@ -19,6 +19,7 @@ import { useLocalStorage } from "hooks/useLocalStorage";
 import { SectionHeader } from "app/[locale]/resumes/[id]/_components/_sections/SectionHeader";
 import { AddPreWrittenPhrasesButton } from "app/[locale]/resumes/[id]/_components/_sections/AddPreWrittenPhrasesButton";
 import { ProfilePicture } from "app/[locale]/resumes/[id]/_components/_sections/ProfilePicture";
+import { PHRASES } from "lib/phrases";
 
 function ProfilePictureGridItem() {
   const { control } = useFormContext();
@@ -69,6 +70,7 @@ function SummaryGridItem() {
           />
         </FormControl>
         <AddPreWrittenPhrasesButton
+          phrases={PHRASES.SUMMARY}
           currentPhrases={summary}
           onChange={handleOnPhraseChange}
         />

src/app/[locale]/resumes/[id]/_components/_sections/StandardSectionBody.tsx

@@ -20,6 +20,7 @@ import { Section } from "types";
 import { utils } from "lib/utils";
 import { SectionHeader } from "app/[locale]/resumes/[id]/_components/_sections/SectionHeader";
 import { AddPreWrittenPhrasesButton } from "app/[locale]/resumes/[id]/_components/_sections/AddPreWrittenPhrasesButton";
+import { PHRASES } from "lib/phrases";
 
 type Props = {
   id: string;
@@ -92,6 +93,7 @@ function Description({ index, nestIndex, isEmployment }) {
         </FormControl>
         {isEmployment ? (
           <AddPreWrittenPhrasesButton
+            phrases={PHRASES.EMPLOYMENT}
             currentPhrases={description}
             onChange={handleOnPhraseChange}
           />