Revert "Merge pull request #27 from kleros/feat/retro-pgf-test"

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

@@ -23,10 +23,9 @@ 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={
-              "https://app.seer.pm/markets/100/ierr-which-day-will-be-evaluated-by-the-gourmet-committee/?outcome=Tuesday+28+July"
-            }
+            href={"/"}
             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(1754407213, latestTimestamp);
+    const timestamps = getTimestamps(1751328000, latestTimestamp);
 
     const seriesData: Record<
       string,

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 - Retro PGF Experiment
+        Session 1 - Movie Scores
       </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">
-            Until Monday 18th 23:59 UTC
+            1 Month
           </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 rated, what score would the gourmet committee give to the meal?
+            If watched, what score will Clément give to the movie?
           </p>
         </div>
       </div>

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

@@ -1,9 +1,12 @@
 import { Card } from "@kleros/ui-components-library";
 
+import { useIsParentResolved } from "@/hooks/useIsParentResolved";
+
 import Mint from "./Mint";
 import RedeemParentMarket from "./RedeemParentMarket";
 
 const ParticipateSection: React.FC = () => {
+  const isParentResolved = useIsParentResolved();
   return (
     <div className="mt-12 flex w-full flex-col gap-4">
       <h2 className="text-klerosUIComponentsPrimaryText text-2xl font-semibold">
@@ -23,7 +26,7 @@ const ParticipateSection: React.FC = () => {
           you want to predict.
         </p>
       </Card>
-      <RedeemParentMarket />
+      {isParentResolved ? <RedeemParentMarket /> : null}
     </div>
   );
 };

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

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

src/app/layout.tsx

@@ -1,5 +1,4 @@
 import type { Metadata } from "next";
-import { ThemeProvider } from "next-themes";
 
 import clsx from "clsx";
 import localFont from "next/font/local";
@@ -12,6 +11,8 @@ 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 Image from "next/image";
+import clsx from "clsx";
 import Link from "next/link";
 
-import _Logo from "@/assets/png/retro_PGF.png";
-import _LogoDark from "@/assets/png/retro_PGF_dark.png";
+import _Logo from "@/assets/svg/futarchy-logo.svg";
 
 const Logo: React.FC = () => {
   const { theme } = useTheme();
 
   return (
     <div className="flex items-center gap-4">
       <Link href={"/"}>
-        <Image
-          src={theme === "dark" ? _LogoDark : _Logo}
-          alt="RetroPGF experiment logo"
-          className="size-14 max-h-14 hover:brightness-105 md:ml-6"
+        <_Logo
+          className={clsx(
+            "hover-short-transition size-14 max-h-14 hover:brightness-105 md:ml-6",
+            theme === "dark" && "[&_path]:!fill-white",
+          )}
         />
       </Link>
     </div>