Feat: retro pgf test

src/app/(homepage)/components/AdvancedSection.tsx

@@ -23,9 +23,10 @@ const AdvancedSection: React.FC = () => {
         <p className="text-klerosUIComponentsSecondaryText text-sm">
           Check the opportunities if you want to LP or Trade specific outcome
           tokens in Seer.&nbsp;
-          {/* TODO: update link */}
           <Link
-            href={"/"}
+            href={
+              "https://app.seer.pm/markets/100/ierr-which-day-will-be-evaluated-by-the-gourmet-committee/?outcome=Tuesday+28+July"
+            }
             target="_blank"
             rel="noreferrer noopener"
             className="text-klerosUIComponentsPrimaryBlue items-center text-sm"

src/app/(homepage)/components/Chart/Legend.tsx

@@ -33,7 +33,7 @@ const Legend: React.FC<ILegend> = ({
                 return (
                   <Tag
                     key={`item-${index}`}
-                    text={`${name} ${data.at(-1)?.value.toFixed(2)}%`}
+                    text={`${name} ${data.at(-1)?.value.toFixed(2)}`}
                     active={isVisible}
                     onClick={() => onToggleMarket(name)}
                     className={clsx(

src/app/(homepage)/components/Chart/index.tsx

@@ -81,7 +81,7 @@ const Chart: React.FC<{ data: IChartData[] }> = ({ data }) => {
     const latestTimestamp = Date.now() / 1000;
 
     // Generate common timestamps for all markets
-    const timestamps = getTimestamps(1751328000, latestTimestamp);
+    const timestamps = getTimestamps(1754407213, latestTimestamp);
 
     // Process data for each market
     const processedData = timestamps.map((timestamp) => {

src/app/(homepage)/components/Header/index.tsx

@@ -12,7 +12,7 @@ const Header: React.FC = () => {
   return (
     <div className="flex flex-col items-start gap-4">
       <h1 className="text-klerosUIComponentsPrimaryText text-2xl font-semibold">
-        Session 1 - Movie Scores
+        Session 1 - Retro PGF Experiment
       </h1>
       <div className="flex flex-wrap gap-4">
         <div className="flex items-center gap-2">
@@ -21,7 +21,7 @@ const Header: React.FC = () => {
             Trading Period:
           </span>
           <span className="text-klerosUIComponentsPrimaryText text-sm font-semibold">
-            1 Month
+            Until Monday 18th 23:59 UTC
           </span>
         </div>
         <Countdown />
@@ -41,7 +41,7 @@ const Header: React.FC = () => {
         <div className="flex size-full flex-wrap items-center gap-6 px-6 py-3.75">
           <SeerLogo />
           <p className="text-klerosUIComponentsPrimaryText text-base">
-            If watched, what score will Clément give to the movie?
+            If rated, what score would the gourmet committee give to the meal?
           </p>
         </div>
       </div>

src/app/(homepage)/components/ProjectFunding/Details.tsx

@@ -6,16 +6,20 @@ import { IDetails } from "@/consts/markets";
 
 const Details: React.FC<IDetails> = ({ imdbURL, posterURL, summary }) => (
   <div className="flex flex-wrap items-start gap-4">
-    <img src={posterURL} alt="movie poster" className="rounded-base" />
+    {posterURL ? (
+      <img src={posterURL} alt="movie poster" className="rounded-base" />
+    ) : null}
     <div>
-      <Link
-        className="text-klerosUIComponentsPrimaryBlue font-bold"
-        href={imdbURL}
-        rel="noopener noreferrer"
-        target="_blank"
-      >
-        IMDB
-      </Link>
+      {imdbURL ? (
+        <Link
+          className="text-klerosUIComponentsPrimaryBlue font-bold"
+          href={imdbURL}
+          rel="noopener noreferrer"
+          target="_blank"
+        >
+          IMDB
+        </Link>
+      ) : null}
       <p className="text-shadow-klerosUIComponentsSecondaryText max-w-160 italic">
         {summary}
       </p>

src/app/layout.tsx

@@ -1,4 +1,5 @@
 import type { Metadata } from "next";
+import { ThemeProvider } from "next-themes";
 
 import clsx from "clsx";
 import localFont from "next/font/local";
@@ -11,8 +12,6 @@ import "./globals.css";
 import Footer from "@/components/layout/Footer";
 import Header from "@/components/layout/Header";
 
-import { ThemeProvider } from "next-themes";
-
 const geistSans = localFont({
   src: "./fonts/GeistVF.woff",
   variable: "--font-geist-sans",

src/components/layout/Header/Logo.tsx

@@ -3,22 +3,22 @@ import React from "react";
 
 import { useTheme } from "next-themes";
 
-import clsx from "clsx";
+import Image from "next/image";
 import Link from "next/link";
 
-import _Logo from "@/assets/svg/futarchy-logo.svg";
+import _Logo from "@/assets/png/retro_PGF.png";
+import _LogoDark from "@/assets/png/retro_PGF_dark.png";
 
 const Logo: React.FC = () => {
   const { theme } = useTheme();
 
   return (
     <div className="flex items-center gap-4">
       <Link href={"/"}>
-        <_Logo
-          className={clsx(
-            "hover-short-transition size-14 max-h-14 hover:brightness-105 md:ml-6",
-            theme === "dark" && "[&_path]:!fill-white",
-          )}
+        <Image
+          src={theme === "dark" ? _LogoDark : _Logo}
+          alt="RetroPGF experiment logo"
+          className="size-14 max-h-14 hover:brightness-105 md:ml-6"
         />
       </Link>
     </div>