Prevent unnecessary unmounting

CruGlobal · Mar 15, 2024 · 981fd91 · 981fd91
1 parent 9060173
commit 981fd91
Showing 1 changed file with 12 additions and 20 deletions.
diff --git a/src/components/Contacts/ContactDetails/ContactDonationsTab/ContactDonationsTab.tsx b/src/components/Contacts/ContactDetails/ContactDonationsTab/ContactDonationsTab.tsx
@@ -134,26 +134,18 @@ export const ContactDonationsTab: React.FC<ContactDonationsProp> = ({
           </DonationsTabList>
         </DonationsTabContainer>
         <StyledTabPanel value={DonationTabKey.Donations}>
-          {loading ? (
-            <>
-              <ContactDonationsLoadingPlaceHolder />
-              <ContactDonationsLoadingPlaceHolder />
-              <ContactDonationsLoadingPlaceHolder />
-            </>
-          ) : (
-            <DonationTable
-              accountListId={accountListId}
-              filter={{ donorAccountIds }}
-              emptyPlaceholder={
-                <EmptyDonationsTable
-                  title={t('No donations received for {{name}}', {
-                    name: data?.contact.name,
-                  })}
-                />
-              }
-              visibleColumnsStorageKey="contact-donations"
-            />
-          )}
+          <DonationTable
+            accountListId={accountListId}
+            filter={{ donorAccountIds }}
+            emptyPlaceholder={
+              <EmptyDonationsTable
+                title={t('No donations received for {{name}}', {
+                  name: data?.contact.name,
+                })}
+              />
+            }
+            visibleColumnsStorageKey="contact-donations"
+          />
         </StyledTabPanel>
         <StyledTabPanel value={DonationTabKey.PartnershipInfo}>
           {loading ? (