add color for dark primary

Author: Matthew Chana

src/components/Arguments/index.tsx

@@ -273,32 +273,7 @@ const removeNotification2 = (set: any, id: number) => {
       })
     }
   },[project])
-
 
-  const storageAcctKeys = Object.keys(storageMap)
-
-  // create state for account signers and accounts who's sstorage is updated after a tx
-  const [lastUpdatedAccts, setLastUpdatedAccts] = useState< string[] | null >(null)
-  const [lastTxSignerAccts, setLastTxSignerAccts] = useState< string[] | null >(null)
-  useEffect(() => {
-    if (updatedStorageAccts && lastTxSigners) {
-
-      let storageAccts: string[] = []
-      updatedStorageAccts?.map((acctIdx) => storageAccts.push(storageAcctKeys[acctIdx]))
-      setLastUpdatedAccts(storageAccts)
-
-      let txSignerAccts: string[] = []
-      lastTxSigners?.map((acct: any) => {
-        const addr = acct.address
-        const acctNum = addr.charAt(addr.length-1)
-        const acctHex = `0x0${acctNum}`
-        txSignerAccts.push(acctHex)
-      })
-      setLastTxSignerAccts(txSignerAccts)
-
-    }
-  },[updatedStorageAccts, lastTxSigners])
-  
 
   const { accounts } = project;
 
@@ -472,7 +447,7 @@ const removeNotification2 = (set: any, id: number) => {
         </HoverPanel>
       </motion.div>
 
-      <ToastContainer lastTxHadErrors={false}>
+      <ToastContainer>
         <ul>
           <AnimatePresence initial={true}>
             {Object.keys(notifications2).map((id) => {

src/components/Arguments/styles.tsx

@@ -129,30 +129,15 @@ export const ControlContainer = styled.div<ControlContainerProps>`
   }};
 `;
 
-interface ToastContainerProps {
-  lastTxHadErrors: boolean;
-}
-
-export const ToastContainer = styled.div<ToastContainerProps>`
+export const ToastContainer = styled.div`
   z-index: 1000;
   position: fixed;
   bottom: 40px;
   left: 80px;
   display: flex;
   align-items: center;
   justify-content: space-between;
-  color: ${({ lastTxHadErrors }) => {
-    switch (lastTxHadErrors) {
-      case true:
-        return '#f44336';
-      case false:
-        return '#2bb169';
-      default:
-        return '#EE431E';
-    }
-  }};
-
-
+  color: ${theme.colors.darkPrimary};
 `;
 
 export const StatusMessage = styled.div`

src/theme.ts

@@ -1,6 +1,7 @@
 export default {
   colors: {
     primary: "#00ff76",
+    darkPrimary: "#2bb169",
     background: "#fff",
     text: "#222",
     muted: "#6a6a6a",