refactor(pr refactor): pr refactor

src/components/Map/Drawer/SearchDrawerWrapper/GroupedSearchResults/ChemicalsAccordion/ChemicalsAccordion.component.tsx

@@ -14,6 +14,8 @@ export const ChemicalsAccordion = (): JSX.Element => {
   const chemicalsState = useAppSelector(loadingChemicalsStatusSelector);
 
   const isPending = chemicalsState === 'pending';
+  const isSucceeded = chemicalsState === 'succeeded';
+  const isChemicalsEmpty = chemicalsNumber === SIZE_OF_EMPTY_ARRAY;
 
   const onAccordionClick = (): void => {
     dispatch(displayChemicalsList());
@@ -25,11 +27,11 @@ export const ChemicalsAccordion = (): JSX.Element => {
         <AccordionItemButton
           variant="non-expandable"
           onClick={onAccordionClick}
-          disabled={isPending || chemicalsNumber === SIZE_OF_EMPTY_ARRAY}
+          disabled={isPending || isChemicalsEmpty}
         >
           Chemicals
           {isPending && ' (Loading...)'}
-          {chemicalsState === 'succeeded' && ` (${chemicalsNumber})`}
+          {isSucceeded && ` (${chemicalsNumber})`}
         </AccordionItemButton>
       </AccordionItemHeading>
     </AccordionItem>

src/components/Map/Drawer/SearchDrawerWrapper/GroupedSearchResults/DrugsAccordion/DrugsAccordion.component.tsx

@@ -11,6 +11,8 @@ export const DrugsAccordion = (): JSX.Element => {
   const dispatch = useAppDispatch();
 
   const isPending = drugsState === 'pending';
+  const isSucceeded = drugsState === 'succeeded';
+  const isDrugsEmpty = drugsNumber === SIZE_OF_EMPTY_ARRAY;
 
   const onAccordionClick = (): void => {
     dispatch(displayDrugsList());
@@ -22,11 +24,11 @@ export const DrugsAccordion = (): JSX.Element => {
         <AccordionItemButton
           variant="non-expandable"
           onClick={onAccordionClick}
-          disabled={isPending || drugsNumber === SIZE_OF_EMPTY_ARRAY}
+          disabled={isPending || isDrugsEmpty}
         >
           Drugs
-          {drugsState === 'pending' && ' (Loading...)'}
-          {drugsState === 'succeeded' && ` (${drugsNumber})`}
+          {isPending && ' (Loading...)'}
+          {isSucceeded && ` (${drugsNumber})`}
         </AccordionItemButton>
       </AccordionItemHeading>
     </AccordionItem>

src/components/Map/Drawer/SearchDrawerWrapper/GroupedSearchResults/MirnaAccordion/MirnaAccordion.component.tsx

@@ -14,6 +14,8 @@ export const MirnaAccordion = (): JSX.Element => {
   const mirnaState = useAppSelector(loadingMirnasStatusSelector);
 
   const isPending = mirnaState === 'pending';
+  const isSucceeded = mirnaState === 'succeeded';
+  const isDrugsEmpty = mirnaNumber === SIZE_OF_EMPTY_ARRAY;
 
   const onAccordionClick = (): void => {
     dispatch(displayMirnaList());
@@ -24,11 +26,11 @@ export const MirnaAccordion = (): JSX.Element => {
         <AccordionItemButton
           variant="non-expandable"
           onClick={onAccordionClick}
-          disabled={isPending || mirnaNumber === SIZE_OF_EMPTY_ARRAY}
+          disabled={isPending || isDrugsEmpty}
         >
           MiRNA
-          {mirnaState === 'pending' && ' (Loading...)'}
-          {mirnaState === 'succeeded' && ` (${mirnaNumber})`}
+          {isPending && ' (Loading...)'}
+          {isSucceeded && ` (${mirnaNumber})`}
         </AccordionItemButton>
       </AccordionItemHeading>
     </AccordionItem>