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 ); };