fix: show spinner in table view

filecoin-project · Apr 21, 2021 · c9dd8ab · c9dd8ab
1 parent 576dae6
commit c9dd8ab
Showing 1 changed file with 20 additions and 11 deletions.
diff --git a/components/core/DataView.js b/components/core/DataView.js
@@ -925,17 +925,26 @@ export default class DataView extends React.Component {
         ...each,
         checkbox: (
           <div onClick={(e) => this._handleCheckBox(e, index)}>
-            <CheckBox
-              name={index}
-              value={!!this.state.checked[index]}
-              boxStyle={{ height: 16, width: 16 }}
-              style={{
-                position: "relative",
-                right: 3,
-                margin: "12px 0",
-                opacity: numChecked > 0 || this.state.hover === index ? "100%" : "0%",
-              }}
-            />
+            {each.decorator.startsWith("OPTIMISTIC") ? (
+              <LoaderSpinner
+                style={{
+                  height: 20,
+                  width: 20,
+                }}
+              />
+            ) : (
+              <CheckBox
+                name={index}
+                value={!!this.state.checked[index]}
+                boxStyle={{ height: 16, width: 16 }}
+                style={{
+                  position: "relative",
+                  right: 3,
+                  margin: "12px 0",
+                  opacity: numChecked > 0 || this.state.hover === index ? "100%" : "0%",
+                }}
+              />
+            )}
           </div>
         ),
         name: (