fix StateLabel flickering

src/components/StateLabel.jsx

@@ -1,4 +1,4 @@
-import React, { useState, useEffect } from "react";
+import React from "react";
 import { useAccountComment } from "@plebbit/plebbit-react-hooks";
 import useStateString from "../hooks/useStateString";
 
@@ -6,21 +6,19 @@ const StateLabel = ({ commentIndex, className }) => {
   const comment = useAccountComment({commentIndex: commentIndex});
   const stateString = useStateString(comment);
 
-  const [isLoading, setIsLoading] = useState(true);
+  if (comment.updatedAt !== undefined) {
+    return null;
+  }
 
-  useEffect(() => {
+  if (comment.state === "failed") {
-    const timer = setTimeout(() => setIsLoading(false), 2000);
+    return null;
-    return () => clearTimeout(timer);
+  }
-  }, [commentIndex]);
+
+  if (!stateString) {
+    return null;
+  }
 
   return (
-    commentIndex !== undefined && stateString !== "Succeeded" ? (
-      (comment.state === "failed") ? (
-        null
-      ) : (
-        stateString === undefined && !isLoading && comment.cid === undefined ? (
-          null
-        ) : (
     <span className="ttl">
       <br />
       (
@@ -29,8 +27,6 @@ const StateLabel = ({ commentIndex, className }) => {
         </span>
       )
     </span>
-      ))
-    ) : null
   );
 };