refactor: rename buttonTitle to dropdownButtonTitle and setButtonTitle to setDropdownButtonTitle

Author: KBandipo

src/components/@helpers/dropdown/Dropdown.tsx

@@ -10,7 +10,7 @@ export interface DropdownProps {}
 
 export const Dropdown: React.FunctionComponent<DropdownProps> = ({}) => {
   const {isOpen, setIsOpen, dropdownContainerRef } = useDropdown();
-  const {buttonTitle,templates,fetchTemplateContent } = GitHubIssueTemplateContainer.useContainer();
+  const {dropdownButtonTitle,templates,fetchTemplateContent } = GitHubIssueTemplateContainer.useContainer();
 
   const templateContentHandler = (content: string, title: string) => {
         fetchTemplateContent(content, title);
@@ -30,7 +30,7 @@ export const Dropdown: React.FunctionComponent<DropdownProps> = ({}) => {
           type="button"
           onClick={() => setIsOpen(!isOpen)}
         >
-          {buttonTitle}
+          {dropdownButtonTitle}
         </button>
         {isOpen && (
           <Container 

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, dropdownButtonText} = GitHubIssueTemplateContainer.useContainer();
+  const { issueBody, setIssueBody, issueTitle, setIssueTitle, setDropdownButtonTitle, 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(dropdownButtonText);
+      setDropdownButtonTitle(dropdownButtonText);
   };
 
   return {

src/components/@hooks_state/useTemplate.ts

@@ -8,7 +8,7 @@ function useTemplateState() {
 const [issueBody, setIssueBody] = useState<string>('');
 const [issueTitle, setIssueTitle] = useState<string>('');
 const [templates, setTemplates] = useState<IssueTemplate[]>([]);
-const [buttonTitle, setButtonTitle] = useState<string>(dropdownButtonText);
+const [dropdownButtonTitle, setDropdownButtonTitle] = useState<string>(dropdownButtonText);
 
 useEffect(() => {
     getApiIssueTemplates().then(setTemplates);
@@ -17,16 +17,16 @@ useEffect(() => {
 const fetchTemplateContent = (content: string, title:string) => {
       setIssueTitle('');
       setIssueBody(content);
-      setButtonTitle(title)
+      setDropdownButtonTitle(title)
   };
 
     return {
       issueBody,
       setIssueBody,
       issueTitle,
       setIssueTitle,
-      buttonTitle,
-      setButtonTitle,
+      dropdownButtonTitle,
+      setDropdownButtonTitle,
       templates,
       fetchTemplateContent,
       dropdownButtonText