Merge pull request #88 from Proof-Of-Humanity/testnets

Testnets
Proof-Of-Humanity · Oct 15, 2024 · 711f328 · 711f328
2 parents 960071e + be4eeb9
commit 711f328
Show file tree

Hide file tree

Showing 8 changed files with 11 additions and 19 deletions.
diff --git a/src/app/[pohid]/CrossChain.tsx b/src/app/[pohid]/CrossChain.tsx
@@ -299,7 +299,7 @@ export default withClientConnected<CrossChainProps>(function CrossChain({
         trigger={<button className="text-sky-500">Update state</button>}
       >
         <div className="p-4">
-          <span className="txt m-2">
+          <span className="txt m-2 text-primaryText">
             Update humanity state on another chain. If you use wallet contract
             make sure it has same address on both chains.
           </span>
@@ -308,10 +308,10 @@ export default withClientConnected<CrossChainProps>(function CrossChain({
             {supportedChains.map((chain) => (
               <div
                 key={chain.id}
-                className="m-2 p-2 flex items-center justify-between border"
+                className="m-2 p-2 flex items-center justify-between border text-primaryText"
               >
                 <div className="flex items-center">
-                  <ChainLogo chainId={chain.id} className="w-4 h-4 mr-1" />
+                  <ChainLogo chainId={chain.id} className="w-4 h-4 mr-1 fill-primaryText" />
                   {chain.name}{" "}
                   {chain === homeChain ||
                   humanity[chain.id].crossChainRegistration ||

diff --git a/src/app/[pohid]/[chain]/[request]/Challenge.tsx b/src/app/[pohid]/[chain]/[request]/Challenge.tsx
@@ -145,7 +145,7 @@ export default function Challenge({
       <div className="p-4 flex flex-wrap flex-col items-center">
         <ALink className="flex" href={ipfs(arbitrationInfo.policy)}>
           <DocumentIcon className="fill-theme w-6 h-6" />
-          <strong className="mr-1 text-theme font-semibold">
+          <strong className="mr-1 text-orange font-semibold">
             Registration Policy
           </strong>
           (at the time of submission)

diff --git a/src/app/[pohid]/[chain]/[request]/Funding.tsx b/src/app/[pohid]/[chain]/[request]/Funding.tsx
@@ -45,7 +45,7 @@ const FundButton: React.FC<FundButtonProps> = ({
         <div className="w-full p-4 flex justify-center rounded font-bold">
           <span
             onClick={() => addedFund$.set(formatEth(totalCost - funded))}
-            className="mx-1 text-theme font-semibold underline underline-offset-2 cursor-pointer"
+            className="mx-1 text-orange font-semibold underline underline-offset-2 cursor-pointer"
           >
             {formatEther(totalCost - funded)}
           </span>{" "}

diff --git a/src/app/[pohid]/[chain]/[request]/Vouch.tsx b/src/app/[pohid]/[chain]/[request]/Vouch.tsx
@@ -109,14 +109,14 @@ export default function Vouch({ pohId, claimer, web3Loaded, me, chain, address }
         </span>
         <button
           className={cn(
-            "p-2 outline -outline-offset-4 outline-theme mt-4 text-theme text-xl font-medium rounded hover:btn-main hover:outline-0"
+            "p-2 outline -outline-offset-4 outline-theme mt-4 text-orange text-xl font-medium rounded hover:btn-main hover:outline-0"
           )}
           onClick={gaslessVouch}
         >
           VOUCH
         </button>
         <span
-          className="mt-4 text-theme text-sm cursor-pointer underline underline-offset-2"
+          className="mt-4 text-orange text-sm cursor-pointer underline underline-offset-2"
           onClick={addVouch}
         >
           or vouch on chain

diff --git a/src/app/[pohid]/[chain]/[request]/page.tsx b/src/app/[pohid]/[chain]/[request]/page.tsx
@@ -318,7 +318,7 @@ export default async function Request({ params }: PageProps) {
               </span>
             </div>
 
-            <div className="mb-8 flex font-medium text-theme flex-wrap gap-x-[8px] gap-y-[8px]" >
+            <div className="mb-8 flex font-medium text-orange flex-wrap gap-x-[8px] gap-y-[8px]" >
               <div className="flex flex-row flex-wrap gap-x-[8px]">
                 <Image
                 alt="poh id"

diff --git a/src/app/[pohid]/claim/page.tsx b/src/app/[pohid]/claim/page.tsx
@@ -25,7 +25,7 @@ export default async function Claim({ params: { pohid } }: PageProps) {
     return (
       <div className="m-auto flex flex-col text-center">
         <span className="font-semibold">Invalid Proof of Humanity ID:</span>
-        <span className="text-6xl font-light text-theme">{pohid}</span>
+        <span className="text-6xl font-light text-orange">{pohid}</span>
       </div>
     );
 

diff --git a/src/app/[pohid]/page.tsx b/src/app/[pohid]/page.tsx
@@ -282,7 +282,7 @@ async function Profile({ params: { pohid } }: PageProps) {
             />
         ) : (
           <>
-            <span className="mb-6 text-theme">Not claimed</span>
+            <span className="mb-6 text-orange">Not claimed</span>
             <Link className="btn-main w-48 mb-6" href={`/${pohId}/claim`}>
               Claim humanity
             </Link>

diff --git a/src/app/globals.css b/src/app/globals.css
@@ -46,7 +46,7 @@
   }
 
   .btn-sec {
-    @apply centered p-2 border-2 border-theme rounded-sm text-theme font-semibold uppercase disabled:opacity-40;
+    @apply centered p-2 border-2 border-theme rounded-sm text-orange font-semibold uppercase disabled:opacity-40;
   }
 
   .backdrop {
@@ -133,14 +133,6 @@
     color: theme("colors.dark.orange");
   }
 
-  .text-theme {
-    color: theme("colors.light.theme");
-  }
-
-  .dark .text-theme {
-    color: theme("colors.dark.theme");
-  }
-
   .text-status-vouching {
     color: theme("colors.light.status.vouching");
   }