diff --git a/src/components/PendingLabel.jsx b/src/components/PendingLabel.jsx
index 42e1a2a5..d8862ddd 100644
--- a/src/components/PendingLabel.jsx
+++ b/src/components/PendingLabel.jsx
@@ -1,17 +1,19 @@
-import React, { useState, useEffect } from "react";
+import React
+// , { useState, useEffect }
+ from "react";
import { useAccountComment } from "@plebbit/plebbit-react-hooks";
-import useStateString from "../hooks/useStateString";
+// import useStateString from "../hooks/useStateString";
const PendingLabel = ({ commentIndex }) => {
const comment = useAccountComment({commentIndex: commentIndex});
- const stateString = useStateString(comment);
+ // const stateString = useStateString(comment);
- const [isLoading, setIsLoading] = useState(true);
+ // const [isLoading, setIsLoading] = useState(true);
- useEffect(() => {
- const timer = setTimeout(() => setIsLoading(false), 2000);
- return () => clearTimeout(timer);
- }, []);
+ // useEffect(() => {
+ // const timer = setTimeout(() => setIsLoading(false), 2000);
+ // return () => clearTimeout(timer);
+ // }, []);
if (commentIndex === undefined) return null;
@@ -19,7 +21,9 @@ const PendingLabel = ({ commentIndex }) => {
comment.cid ? (
{comment.cid.slice(2, 14)}
) : (
- (comment.state === "failed" || (stateString === undefined && !isLoading)) ? (
+ (comment.state === "failed"
+ // || (stateString === undefined && !isLoading)
+ ) ? (
Failed
diff --git a/src/components/StateLabel.jsx b/src/components/StateLabel.jsx
index 98ea0482..c6398285 100644
--- a/src/components/StateLabel.jsx
+++ b/src/components/StateLabel.jsx
@@ -17,16 +17,18 @@ const StateLabel = ({ commentIndex, className }) => {
return (
commentIndex && stateString !== "Succeeded" ? (
- (comment.state === "failed" || (stateString === undefined && !isLoading && comment.cid === undefined)) ? (
-
-
- (
-
- Failed
-
- )
-
+ (comment.state === "failed") ? (
+ null
) : (
+ stateString === undefined && !isLoading && comment.cid === undefined ? (
+
+
+ (
+
+
+ )
+
+ ) : (
(
@@ -35,7 +37,7 @@ const StateLabel = ({ commentIndex, className }) => {
)
- )
+ ))
) : null
);
};