🐝 fix: GitHub Actions Errors

Author: pss-aileen

src/App.tsx

@@ -23,7 +23,14 @@ function App() {
   const [selectedTypeId, setSelectedTypeId] = useState('0');
   const [currentPrefixData, setCurrentPrefixData] = useState(data[Number(selectedTypeId)].prefix);
   const [selectedPrefixId, setSelectedPrefixId] = useState(0);
-  const [commitMessageData, setCommitMessageData] = useState(commitMessageInitialData);
+  const [commitMessageData, setCommitMessageData] = useState<{
+    prefix: string;
+    emoji: string;
+    emojiCode: string;
+    summary: string | null;
+    description: string | null;
+    issueId: string | null;
+  }>(commitMessageInitialData);
   const [summary, setSummary] = useState('');
   const [previousSummary, setPreviousSummary] = useState('');
   const [description, setDescription] = useState('');
@@ -61,7 +68,8 @@ function App() {
   }
 
   function excuteOption() {
-    const currentPrefix = currentPrefixData[selectedPrefixId].option ? currentPrefixData[selectedPrefixId].option : undefined;
+    const selectedPrefix = currentPrefixData[selectedPrefixId];
+    const currentPrefix = 'option' in selectedPrefix ? selectedPrefix.option : undefined;
     if (!currentPrefix) {
       setSummary(previousSummary);
       return;
@@ -84,9 +92,9 @@ function App() {
       prefix: currentPrefixData[selectedPrefixId].prefixText,
       emoji: currentPrefixData[selectedPrefixId].emoji,
       emojiCode: currentPrefixData[selectedPrefixId].emojiCode,
-      summary: summary ? summary : null,
-      description: description ? description : null,
-      issueId: issueId ? issueId : null,
+      summary: summary || '', // summary が null の場合は空文字に設定
+      description: description || '', // description が null の場合は空文字に設定
+      issueId: issueId || null, // issueId が null の場合はそのまま
     };
 
     setCommitMessageData(newData);

src/_App_bk.tsx

@@ -1,5 +1,3 @@
-import React from 'react';
-
 interface FormPrefixOptionProps {
   id: number;
   emoji: string;

src/components/FormPrefixOption.tsx

@@ -1,4 +1,3 @@
-import React from 'react';
 import FormPrefixOption from './FormPrefixOption';
 
 interface FormPrefixSelectProps {

src/components/FormPrefixSelect.tsx

@@ -1,5 +1,8 @@
-import React from 'react';
+interface FormSummaryInputProps {
+  summary: string;
+  setSummary: (value: string) => void;
+}
 
-export default function FormSummaryInput({ summary, setSummary }) {
+export default function FormSummaryInput({ summary, setSummary }: FormSummaryInputProps) {
   return <input type='text' id='summary' name='summary' placeholder='add xxx at README' autoComplete='off' onChange={(e) => setSummary(e.target.value)} value={summary} />;
 }

src/components/FormSummaryInput.tsx

@@ -1,6 +1,10 @@
-import React from 'react';
+interface FormTypeOptionProps {
+  id: number;
+  emoji: string;
+  displayName: string;
+}
 
-export default function FormTypeOption({ id, emoji, displayName }) {
+export default function FormTypeOption({ id, emoji, displayName }: FormTypeOptionProps) {
   return (
     <option value={id} key={id}>
       {emoji} {displayName}

src/components/FormTypeOption.tsx

@@ -1,4 +1,3 @@
-
 import FormTypeOption from './FormTypeOption';
 
 interface FormTypeSelectProps {
@@ -7,13 +6,13 @@ interface FormTypeSelectProps {
     emoji: string;
     displayName: string;
   }[];
-  onUpdate: (newId: number) => void;
+  onUpdate: (newId: string) => void;
   selectedTypeId: string;
 }
 
 export default function FormTypeSelect({ selectedTypeId, onUpdate, data }: FormTypeSelectProps) {
   return (
-    <select name='type' id='type' value={selectedTypeId} onChange={(e) => onUpdate(parseInt(e.target.value))}>
+    <select name='type' id='type' value={selectedTypeId} onChange={(e) => onUpdate(e.target.value)}>
       {data.map((data) => {
         return <FormTypeOption key={data.id} id={data.id} emoji={data.emoji} displayName={data.displayName} />;
       })}