Merge pull request #166 from thearyadev/165-season-disclaimer-missing

add disclaimer

frontend/app/components/topmatter/topmatter.tsx

@@ -1,4 +1,4 @@
-const TopMatter = ({ seasonNumber }: { seasonNumber: string }) => {
+const TopMatter = ({ seasonNumber, disclaimer }: { seasonNumber: string, disclaimer?: string }) => {
     let indicator = "";
     if (seasonNumber == "trends") {
         indicator = "Trends";
@@ -9,6 +9,10 @@ const TopMatter = ({ seasonNumber }: { seasonNumber: string }) => {
     return (
         <div className="mt-5 lg:ml-3 lg:mr-3 sm:ml-1 sm:mr-1">
             <h1 className="text-3xl pb-4">{indicator}</h1>
+
+            {disclaimer ? 
+                (<p className="text-red-500"><span className="font-bold">DISCLAIMER: </span>{disclaimer}</p>) : undefined
+            }
             <p className="pb-2">
                 <strong>Welcome to Overwatch 2 Top 500 Aggregator</strong>
             </p>

frontend/app/season/[seasonNumber]/page.tsx

@@ -1,6 +1,7 @@
 import React from "react";
 import { Card } from "@/app/components";
 import {
+    fetchSeasonDisclaimer,
     fetchSeasonList,
     fetchSingleSeasonPageChartData,
     fetchSingleSeasonStdDevs,
@@ -30,10 +31,10 @@ const SeasonPage = async ({ params }: { params: { seasonNumber: string } }) => {
         +params.seasonNumber,
     );
     const seasonStdDevs = await fetchSingleSeasonStdDevs(+params.seasonNumber);
-
+    const disclaimer = await fetchSeasonDisclaimer(+params.seasonNumber) ?? undefined
     return (
         <main>
-            <TopMatter seasonNumber={params.seasonNumber} />
+            <TopMatter seasonNumber={params.seasonNumber} disclaimer={disclaimer} />
             <Card
                 title="Role Standard Deviation: All Slots, All Regions"
                 subtitle={

frontend/app/utils/serverSideProps.ts

@@ -60,3 +60,9 @@ export async function fetchSeasonalStdDevTrendByRole(): Promise<TrendLine[]> {
     const response = await fetch(`${backendUrl}/d/all_seasons_std_by_role`);
     return await response.json();
 }
+
+export async function fetchSeasonDisclaimer(seasonNumber: number): Promise<string> {
+    const response = await fetch(`${backendUrl}/d/season_disclaimer/${seasonNumber}`)
+    return await response.json()
+
+}

server.py

@@ -503,6 +503,10 @@ async def chart_data(season: str):
 async def trend_chart_data():
     return Response(content=json.dumps(trends_data()), media_type="application/json")
 
+@app.get("/d/season_disclaimer/{season}")
+async def single_season_disclaimer(season: str): 
+    return db.get_season_disclaimer(season)
+
 
 @app.on_event("startup")
 async def startup():