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

Testnets

package.json

@@ -84,4 +84,4 @@
     "func": "netlify dev"
   },
   "packageManager": "[email protected]+sha1.ac34549e6aa8e7ead463a7407e1c7390f61a6610"
-}
+}

src/app/[pohid]/[chain]/[request]/page.tsx

@@ -1,4 +1,5 @@
 import { Hash } from "@wagmi/core";
+import Arrow from "components/Arrow";
 import Attachment from "components/Attachment";
 import ChainLogo from "components/ChainLogo";
 import ExternalLink from "components/ExternalLink";
@@ -316,7 +317,7 @@ export default async function Request({ params }: PageProps) {
                       src={ipfs(registrationFile.photo)}
                       width={144}
                       height={144}
-                      unoptimized={true}
+                      unoptimized={true} //Skips cache
                     />
                   }
                 />
@@ -342,7 +343,7 @@ export default async function Request({ params }: PageProps) {
               <div className="flex items-center">
                 <Identicon diameter={24} address={request.claimer.id} />
                 <ExternalLink
-                  className="text-primaryText ml-2 font-semibold underline underline-offset-2"
+                  className="ml-2 font-semibold text-slate-400 hover:text-slate-600"
                   href={explorerLink(request.claimer.id, chain)}
                 >
                   {request.claimer.id.slice(0, 20)}
@@ -358,27 +359,35 @@ export default async function Request({ params }: PageProps) {
                 {chain.name}
               </span>
             </div>
-
+            <div className="mb-4 h-1 w-full border-b"></div>
+            <div className="mb-2 flex flex-col-reverse justify-between md:flex-row">
+              <div className="flex items-center">
+                <span className="flex items-center text-slate-400">POH ID</span>
+                <div className="mx-[10px]">
+                  <Info
+                    nbRequests={
+                      +request.humanity.nbRequests +
+                      +request.humanity.nbLegacyRequests
+                    }
+                  />
+                </div>
+              </div>
+            </div>
             <div className="text-orange mb-8 flex flex-wrap gap-x-[8px] gap-y-[8px] font-medium">
-              <div className="flex flex-row flex-wrap gap-x-[8px]">
+              <Link
+                className="text-orange flex flex-row flex-wrap gap-x-[8px] font-semibold hover:text-orange-500"
+                href={`/${prettifyId(pohId)}`}
+              >
                 <Image
                   alt="poh id"
                   src="/logo/pohid.svg"
                   height={24}
                   width={24}
                 />
-                <Link className="text-orange" href={`/${prettifyId(pohId)}`}>
-                  {prettifyId(pohId).slice(0, 20)}
-                  <wbr />
-                  {prettifyId(pohId).slice(20)}
-                </Link>
-                <Info
-                  nbRequests={
-                    +request.humanity.nbRequests +
-                    +request.humanity.nbLegacyRequests
-                  }
-                />
-              </div>
+                {prettifyId(pohId).slice(0, 20)}
+                <wbr />
+                {prettifyId(pohId).slice(20)} <span>- Open ID</span> <Arrow />
+              </Link>
             </div>
 
             <div className="flex flex-col items-center md:hidden">
@@ -392,7 +401,7 @@ export default async function Request({ params }: PageProps) {
                       src={ipfs(registrationFile.photo)}
                       width={144}
                       height={144}
-                      unoptimized={true}
+                      unoptimized={true} //Skips cache
                     />
                   }
                 />
@@ -420,7 +429,7 @@ export default async function Request({ params }: PageProps) {
                 <div className="flex grid w-full flex-col justify-items-end font-normal md:flex-row md:items-end">
                   <Link
                     href={`/attachment?url=${ipfs(policyLink)}`}
-                    className="text-primaryText ml-2 underline"
+                    className="text-primaryText ml-2"
                   >
                     <div className="text-primaryText group relative flex py-[8px]">
                       Policy in force at submission

src/components/Arrow.tsx

@@ -0,0 +1,7 @@
+"use client";
+
+import RightArrow from "icons/RightArrow.svg";
+
+export default function Arrow() {
+  return <RightArrow className="h-6 w-6 stroke-2" />;
+}

src/components/Vouch.tsx

@@ -51,7 +51,7 @@ const Vouch: React.FC<VouchingTooltipProps> = ({
             src={ipfs(photo)}
             width={64}
             height={64}
-            unoptimized={true}
+            unoptimized={true} //Skips cache
           />
         ) : (
           <Identicon key={key} address={address} diameter={32} />

yarn.lock

@@ -5717,7 +5717,12 @@ camelize@^1.0.0:
   resolved "https://registry.yarnpkg.com/camelize/-/camelize-1.0.1.tgz#89b7e16884056331a35d6b5ad064332c91daa6c3"
   integrity sha512-dU+Tx2fsypxTgtLoE36npi3UqcjSSMNYfkqgmoEhtZrraP5VWq0K7FkWVTYa8eMPtnU/G2txVsfdCJTn9uzpuQ==
 
-caniuse-lite@^1.0.30001406, caniuse-lite@^1.0.30001538, caniuse-lite@^1.0.30001541:
+caniuse-lite@^1.0.30001406:
+  version "1.0.30001674"
+  resolved "https://registry.yarnpkg.com/caniuse-lite/-/caniuse-lite-1.0.30001674.tgz#eb200a716c3e796d33d30b9c8890517a72f862c8"
+  integrity sha512-jOsKlZVRnzfhLojb+Ykb+gyUSp9Xb57So+fAiFlLzzTKpqg8xxSav0e40c8/4F/v9N8QSvrRRaLeVzQbLqomYw==
+
+caniuse-lite@^1.0.30001538, caniuse-lite@^1.0.30001541:
   version "1.0.30001618"
   resolved "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001618.tgz"
   integrity sha512-p407+D1tIkDvsEAPS22lJxLQQaG8OTBEqo0KhzfABGk0TU4juBNDSfH0hyAp/HRyx+M8L17z/ltyhxh27FTfQg==