.

2023-05-31 10:35:08 +01:00
parent ced9c523ad
commit 16401cc3a2
5 changed files with 79 additions and 69 deletions
@@ -138,26 +138,17 @@ export default function FamilyManageTabs({
                        } h-full p-4 border border-[#dbd9d9]`}
                        key={id}
                      >
-                        <Suspense
-                          fallback={
-                            <LoadingSpinner size="8" color="sky-blue" />
-                          }
-                        >
-                          {name === "Tasks" && (
-                            <FamilyTasks
-                              className={className}
-                              loader={loader}
-                            />
-                          )}
-                          {name === "Account" && (
-                            <Account
-                              familyDetails={familyDetails}
-                              myRef={accountRef}
-                              handlePrint={useHandlePrint}
-                            />
-                          )}
-                          {name === "Profile" && <Profile />}
-                        </Suspense>
+                        {name === "Tasks" && (
+                          <FamilyTasks className={className} loader={loader} />
+                        )}
+                        {name === "Account" && (
+                          <Account
+                            familyDetails={familyDetails}
+                            myRef={accountRef}
+                            handlePrint={useHandlePrint}
+                          />
+                        )}
+                        {name === "Profile" && <Profile />}
                      </div>
                    );
                  })}
@@ -244,12 +235,16 @@ const Account = forwardRef(({ familyDetails, myRef, handlePrint }) => {
            <h2 className="font-bold text-lg tracking-wide line-clamp-1 text-dark-gray dark:text-white capitalize">
              Username:{" "}
              <span className="ml-2 normal-case">
-                {familyDetails?.username}
+                {familyDetails?.username
+                  ? familyDetails?.username
+                  : "please wait..."}
              </span>
            </h2>
            <h2 className="font-bold text-lg tracking-wide line-clamp-1 text-dark-gray dark:text-white capitalize">
              Pin:{" "}
-              <span className="ml-2 normal-case">{familyDetails?.pin}</span>
+              <span className="ml-2 normal-case">
+                {familyDetails?.pin ? familyDetails?.pin : "please wait..."}
+              </span>
            </h2>
          </div>