cip95tools is updated

Author: Nebyt

src/components/tabs/subtabs/cip95AdditionalPart.js

@@ -1,6 +1,9 @@
 import React, {useState} from 'react'
-import VoteDelationCard from '../../cards/voteDelegation'
 import {getCertificateBuilder} from '../../../utils/cslTools'
+import TabsComponent from '../tabsComponent'
+import GovBasicFunctionsTab from './govBasicFunctionsTab'
+import GovActionsTab from './govActionsTab'
+import ConstitCommCertsTab from './constitCommCertsTab'
 
 const Cip95AdditionalPart = ({api, wasm, onWaiting, onError, getters, setters}) => {
   const [currentCertsInTx, setCertInTx] = useState([])
@@ -27,18 +30,35 @@ const Cip95AdditionalPart = ({api, wasm, onWaiting, onError, getters, setters})
   const newGetters = Object.assign(getters, {currentCertsInTx, getCertBuilder})
   const newSetters = Object.assign(setters, {handleAddingCertInTx})
 
-  return (
-    <div className="grid justify-items-stretch grid-cols-1 lg:grid-cols-5 gap-2">
-      <div>
-        <VoteDelationCard
+  const data = [
+    {
+      label: 'Governance Basic Functions',
+      value: 'govBasicFuncs',
+      children: (
+        <GovBasicFunctionsTab
           api={api}
           wasm={wasm}
           onWaiting={onWaiting}
           onError={onError}
           getters={newGetters}
           setters={newSetters}
         />
-      </div>
+      ),
+    },
+    {
+      label: 'Governance Actions',
+      value: 'govActions',
+      children: <GovActionsTab />,
+    },
+    {
+      label: 'Constitutional Commitee Certs',
+      value: 'ccCerts',
+      children: <ConstitCommCertsTab />,
+    },
+  ]
+  return (
+    <div className="block rounded-lg border bg-gray-900 border-gray-700">
+      <TabsComponent tabsData={data} />
     </div>
   )
 }

src/components/tabs/subtabs/cip95ToolsTab.js

@@ -29,7 +29,7 @@ const Cip95TabTools = () => {
   // Unregistered public stake key
   const [currentUnregPubStakeKey, setUnregPubStakeKey] = useState('')
 
-  const showWarning = () =>{
+  const showWarning = () => {
     setErrorState(true)
     setTimeout(() => setErrorState(false), 3000)
   }
@@ -72,14 +72,23 @@ const Cip95TabTools = () => {
             {/* info panel here */}
             <InfoPanel getters={getters} />
           </div>
+          {/* Info and error message is here */}
           <div className="grid justify-items-center content-end h-12 text-2xl">
             <label className="text-white">{currentWaiterState ? 'Waiting ...' : ''}</label>
             <label className="text-red-500">
               {currentErrorState ? 'An error has happend. Please check logs.' : ''}
             </label>
           </div>
+          {/* Tabs with gov. actions */}
           <div>
-            <Cip95AdditionalPart api={api} wasm={wasm} onWaiting={setWaiterState} onError={showWarning} getters={getters} setters={setters} />
+            <Cip95AdditionalPart
+              api={api}
+              wasm={wasm}
+              onWaiting={setWaiterState}
+              onError={showWarning}
+              getters={getters}
+              setters={setters}
+            />
           </div>
         </div>
       ) : (