Refactor: Move dropdown default text to a variable

Author: KBandipo

src/components/@hooks_state/useSubmitIssue.ts

@@ -4,7 +4,7 @@ import { submitIssue } from '../../@core/submitIssue';
 import { GitHubIssueTemplateContainer } from './useTemplate';
 
 function useSubmitIssueState (){
-  const { issueBody, setIssueBody, issueTitle, setIssueTitle, setButtonTitle} = GitHubIssueTemplateContainer.useContainer();
+  const { issueBody, setIssueBody, issueTitle, setIssueTitle, setButtonTitle, dropdownButtonText} = GitHubIssueTemplateContainer.useContainer();
   const [toastrMessage, setToastrMessage] = useState<{message: string; issueURL?: string; 
     issueNumber?: number;} | null>(null);
 
@@ -28,7 +28,7 @@ function useSubmitIssueState (){
         issueURL: response.issue.url,
         issueNumber: response.issue.number,
       });
-      setButtonTitle('-- Select issue template --');
+      setButtonTitle(dropdownButtonText);
   };
 
   return {

src/components/@hooks_state/useTemplate.ts

@@ -3,11 +3,12 @@ import { createContainer } from 'unstated-next';
 import { IssueTemplate } from '../../@core/types/issueTemplate';
 import { getApiIssueTemplates } from '../../@core/templates';
 
+const dropdownButtonText = '-- Select issue template --';
 function useTemplateState() {
 const [issueBody, setIssueBody] = useState<string>('');
 const [issueTitle, setIssueTitle] = useState<string>('');
 const [templates, setTemplates] = useState<IssueTemplate[]>([]);
-const [buttonTitle, setButtonTitle] = useState<string>('-- Select issue template --');
+const [buttonTitle, setButtonTitle] = useState<string>(dropdownButtonText);
 
 useEffect(() => {
     getApiIssueTemplates().then(setTemplates);
@@ -27,7 +28,8 @@ const fetchTemplateContent = (content: string, title:string) => {
       buttonTitle,
       setButtonTitle,
       templates,
-      fetchTemplateContent
+      fetchTemplateContent,
+      dropdownButtonText
     };
   }
   export const GitHubIssueTemplateContainer = createContainer(useTemplateState);