Merge pull request #535 from fairDataSociety/fix/322

fix: spinner margin (#322)
fairDataSociety · Oct 4, 2023 · d095dd2 · d095dd2
2 parents 1d5575a + ef4b480
commit d095dd2
Showing 1 changed file with 38 additions and 35 deletions.
diff --git a/src/pages/drive/index.tsx b/src/pages/drive/index.tsx
@@ -270,42 +270,45 @@ const Drive: FC = () => {
         ) : null}
         <Spinner isLoading={loading || !pods} />
 
-        {!loading &&
-          (activePod ? (
-            directories?.length || files?.length ? (
-              <div>
-                {driveView === 'grid' ? (
-                  <DriveGridView
-                    directories={handleSort(
-                      directories?.filter(handleSearchFilter)
-                    )}
-                    files={handleSort(files?.filter(handleSearchFilter))}
-                    directoryOnClick={handleDirectoryOnClick}
-                    fileOnClick={handleFileOnClick}
-                    updateDrive={handleUpdateDrive}
-                  />
-                ) : null}
-
-                {driveView === 'list' ? (
-                  <DriveListView
-                    directories={handleSort(
-                      directories?.filter(handleSearchFilter)
-                    )}
-                    files={handleSort(files?.filter(handleSearchFilter))}
-                    directoryOnClick={handleDirectoryOnClick}
-                    fileOnClick={handleFileOnClick}
-                    updateDrive={handleUpdateDrive}
-                  />
-                ) : null}
-              </div>
+        {!loading && (
+          <div style={{ marginTop: 15 }}>
+            {activePod ? (
+              directories?.length || files?.length ? (
+                <div>
+                  {driveView === 'grid' ? (
+                    <DriveGridView
+                      directories={handleSort(
+                        directories?.filter(handleSearchFilter)
+                      )}
+                      files={handleSort(files?.filter(handleSearchFilter))}
+                      directoryOnClick={handleDirectoryOnClick}
+                      fileOnClick={handleFileOnClick}
+                      updateDrive={handleUpdateDrive}
+                    />
+                  ) : null}
+
+                  {driveView === 'list' ? (
+                    <DriveListView
+                      directories={handleSort(
+                        directories?.filter(handleSearchFilter)
+                      )}
+                      files={handleSort(files?.filter(handleSearchFilter))}
+                      directoryOnClick={handleDirectoryOnClick}
+                      fileOnClick={handleFileOnClick}
+                      updateDrive={handleUpdateDrive}
+                    />
+                  ) : null}
+                </div>
+              ) : (
+                <EmptyDirectoryCard
+                  onUploadClick={() => setShowUploadFileModal(true)}
+                />
+              )
             ) : (
-              <EmptyDirectoryCard
-                onUploadClick={() => setShowUploadFileModal(true)}
-              />
-            )
-          ) : (
-            <PodList pods={pods} onPodSelect={handlePodSelect} />
-          ))}
+              <PodList pods={pods} onPodSelect={handlePodSelect} />
+            )}
+          </div>
+        )}
         {showUploadFileModal && (
           <UploadFileModal
             showModal={showUploadFileModal}