feat: change domain name

Author: fearlessfe

.env

@@ -1,7 +1,7 @@
-NEXT_PUBLIC_OP_MAINNET_URL=optimism.superproof.wtf
-NEXT_PUBLIC_OP_SEPOLIA_URL=optimism-sepolia.superproof.wtf
-NEXT_PUBLIC_BASE_SEPOLIA_URL=base-sepolia.superproof.wtf
-NEXT_PUBLIC_BASE_URL=base.superproof.wtf
+NEXT_PUBLIC_OP_MAINNET_URL=optimism.super-proof.xyz
+NEXT_PUBLIC_OP_SEPOLIA_URL=optimism-sepolia.super-proof.xyz
+NEXT_PUBLIC_BASE_SEPOLIA_URL=base-sepolia.super-proof.xyz
+NEXT_PUBLIC_BASE_URL=base.super-proof.xyz
 NEXT_PUBLIC_API_DOC=/docs/swagger/index.html
 NEXT_PUBLIC_API_URL=http://65.109.69.98:9001
 NEXT_PUBLIC_SEARCH_URL=http://65.109.69.98:7700

src/components/Cards/SurfaceCards/ClaimCard.tsx

@@ -6,6 +6,7 @@ import { Skeleton } from "@/components/Skeleton";
 import { CardField } from "../Card";
 import { shortenAddress } from "@/utils";
 import { NetworkConfigContext } from "@/components/NetworkConfigContext";
+import PartLogo from "@/components/PartLogo";
 
 type ClaimCardProps = {
   claimData: ClaimData;
@@ -14,12 +15,18 @@ type ClaimCardProps = {
 const ClaimCard: FC<Partial<ClaimCardProps>> = ({
   claimData = {} as ClaimData,
 }) => {
-  const { claim, claimant, output_block, event_id } = claimData;
+  const { claim, claimant, output_block, event_id, is_from_frontend } =
+    claimData;
   const { explorer_l1: EXPLORER_L1, explorer_l2: EXPLORER_L2 } =
     useContext(NetworkConfigContext);
   return (
     <SurfaceCardBase>
-      <div className="flex justify-between gap-2 text-sm">
+      <div className="relative flex justify-between gap-2 text-sm">
+        {is_from_frontend ? (
+          <div className="absolute right-3 top-full">
+            <PartLogo />
+          </div>
+        ) : null}
         <div className="flex gap-2 md:flex-row">
           {output_block ? (
             <div className="flex gap-1 text-contentSecondary-light dark:text-contentSecondary-dark">

src/components/Cards/SurfaceCards/GameCard.tsx

@@ -11,6 +11,7 @@ import shield from "@/icons/shield.png";
 import sword from "@/icons/sword.png";
 import Image from "next/image";
 import { NetworkConfigContext } from "@/components/NetworkConfigContext";
+import PartLogo from "@/components/PartLogo";
 
 type GameCardProps = {
   game: Game;
@@ -24,6 +25,7 @@ const GameCard: FC<Partial<GameCardProps>> = function ({
     status,
     tx_hash,
     claim_data_len,
+    has_frontend_move,
   } = {},
 }) {
   const { explorer_l1: EXPLORER_L1, explorer_l2: EXPLORER_L2 } =
@@ -41,8 +43,13 @@ const GameCard: FC<Partial<GameCardProps>> = function ({
           )}
         </div>
         {block_time ? (
-          <div className="text-xs italic text-contentSecondary-light dark:text-contentSecondary-dark">
+          <div className="relative text-xs italic text-contentSecondary-light dark:text-contentSecondary-dark">
             {dayjs(block_time * 1000).fromNow()}
+            {has_frontend_move ? (
+              <div className="absolute left-3 top-full">
+                <PartLogo />
+              </div>
+            ) : null}
           </div>
         ) : (
           <Skeleton width={110} size="xs" />

src/components/PartLogo.tsx

@@ -0,0 +1,17 @@
+import { NetworkConfigContext } from "@/components/NetworkConfigContext";
+import Link from "next/link";
+import { useContext } from "react";
+
+const PartLogo: React.FC<{ className?: string }> = ({}) => {
+  const { network } = useContext(NetworkConfigContext);
+  const isBase = network.indexOf("base") !== -1;
+  return (
+    <div
+      className={`w-8 h-12 bg-left bg-no-repeat bg-[length:400%] ${
+        isBase ? "bg-[url('/logo_base.svg')]" : "bg-[url('/logo.svg')]"
+      }`}
+    />
+  );
+};
+
+export default PartLogo;

src/types/data.ts

@@ -11,8 +11,9 @@ export interface Game {
   game_type: number;
   game_contract: string;
   l2_block_number: number;
-  status: number
-  claim_data_len: number
+  status: number;
+  claim_data_len: number;
+  has_frontend_move: boolean;
 }
 
 export interface ClaimData {
@@ -28,6 +29,7 @@ export interface ClaimData {
   clock: number;
   output_block: number;
   event_id: number;
+  is_from_frontend: boolean;
 }
 
 export interface Credit {