From 8bc4d1e1a269eeb9211bc1b7716b0db973a491aa Mon Sep 17 00:00:00 2001
From: guicurcio <guidomaurocurcio@gmail.com>
Date: Mon, 4 Sep 2023 14:01:43 -0300
Subject: [PATCH] ...

---
 .../the-joe-rogan-experience.json             | 29 ++++++++++++++++++-
 src/app/(podcast)/podcast/[podcast]/page.tsx  | 23 +--------------
 src/components/home/Rating/Rating.tsx         | 22 +++++++-------
 3 files changed, 41 insertions(+), 33 deletions(-)

diff --git a/public/podcastsJSON/the-joe-rogan-experience.json b/public/podcastsJSON/the-joe-rogan-experience.json
index 7e59bf1..7dad3f2 100644
--- a/public/podcastsJSON/the-joe-rogan-experience.json
+++ b/public/podcastsJSON/the-joe-rogan-experience.json
@@ -1 +1,28 @@
-{"id":5,"title":"The Joe Rogan Experience","createdAt":1675270988467,"updated_at":"2023-02-01 21:06:28","description":"The Joe Rogan Experience is a long-form conversation podcast hosted by comedian and UFC commentator Joe Rogan. The podcast features in-depth discussions with a wide range of guests, including comedians, actors, musicians, scientists, and political figures.\\n\\nThrough these conversations, Rogan explores a variety of topics, from science and technology to culture and current events. Known for his conversational style and willingness to engage in controversial topics, Rogan often tackles challenging subjects and encourages guests to explore their opinions and ideas in depth. With a loyal following and a reputation for lively and engaging discussions, The Joe Rogan Experience has become one of the most popular and influential podcasts in the world, providing listeners with a unique and thought-provoking window into contemporary culture and society.","url":"","slug":"the-joe-rogan-experience","cover":"joe-rogan-experience.jpeg","host":"","podcastHostId":"cldnv7ioa0000copozcxvwa9y","backgroundCoverImage":null,"tags":"health,fitness,nutrition","genre":"conversation, interviews","rating":9,"amountOfEpisodes":null,"frequencyOfUpdates":null,"hasNotBeenUpdating":null,"isItBlocked":null,"isItExplicit":null,"language":null,"lastUpdate":null,"outsideImageUrl":null,"podcastCreatedOn":null,"popularity":null,"priority":null,"uid":null}
\ No newline at end of file
+{
+  "id": 5,
+  "title": "The Joe Rogan Experience",
+  "createdAt": 1675270988467,
+  "updated_at": "2023-02-01 21:06:28",
+  "description": "The Joe Rogan Experience is a long-form conversation podcast hosted by comedian and UFC commentator Joe Rogan. The podcast features in-depth discussions with a wide range of guests, including comedians, actors, musicians, scientists, and political figures.\\n\\nThrough these conversations, Rogan explores a variety of topics, from science and technology to culture and current events. Known for his conversational style and willingness to engage in controversial topics, Rogan often tackles challenging subjects and encourages guests to explore their opinions and ideas in depth. With a loyal following and a reputation for lively and engaging discussions, The Joe Rogan Experience has become one of the most popular and influential podcasts in the world, providing listeners with a unique and thought-provoking window into contemporary culture and society.",
+  "url": "",
+  "slug": "the-joe-rogan-experience",
+  "cover": "joe-rogan-experience.jpeg",
+  "host": "",
+  "podcastHostId": "cldnv7ioa0000copozcxvwa9y",
+  "backgroundCoverImage": null,
+  "tags": "health,fitness,nutrition",
+  "genre": "conversation, interviews",
+  "rating": 9,
+  "amountOfEpisodes": null,
+  "frequencyOfUpdates": null,
+  "hasNotBeenUpdating": null,
+  "isItBlocked": null,
+  "isItExplicit": null,
+  "language": null,
+  "lastUpdate": null,
+  "outsideImageUrl": null,
+  "podcastCreatedOn": null,
+  "popularity": null,
+  "priority": null,
+  "uid": null
+}
diff --git a/src/app/(podcast)/podcast/[podcast]/page.tsx b/src/app/(podcast)/podcast/[podcast]/page.tsx
index 2893df4..d01bd84 100644
--- a/src/app/(podcast)/podcast/[podcast]/page.tsx
+++ b/src/app/(podcast)/podcast/[podcast]/page.tsx
@@ -99,28 +99,7 @@ export default async function HomePodcastPage({ params }) {
             </div>
             <div className="grid w-full min-w-full grid-flow-row gap-[60px]">
               <PodEpisodes
-                episodes={[
-                  {
-                    title: "asd",
-                    description: "asdsad",
-                    whereToWatchOrListenLink: "asd",
-                  },
-                  {
-                    title: "asd",
-                    description: "asdsad",
-                    whereToWatchOrListenLink: "asd",
-                  },
-                  {
-                    title: "asd",
-                    description: "asdsad",
-                    whereToWatchOrListenLink: "asd",
-                  },
-                  {
-                    title: "asd",
-                    description: "asdsad",
-                    whereToWatchOrListenLink: "asd",
-                  },
-                ]}
+                episodes={[{ title: "asd", description: ".." }]}
               ></PodEpisodes>
               <PodReviews
                 reviews={[
diff --git a/src/components/home/Rating/Rating.tsx b/src/components/home/Rating/Rating.tsx
index 1719ac7..d9f1298 100644
--- a/src/components/home/Rating/Rating.tsx
+++ b/src/components/home/Rating/Rating.tsx
@@ -18,16 +18,18 @@ export default function Rating({
   ...props
 }: RatingProps): JSX.Element {
   return (
-      <div className="bg-black bg-opacity-[35%] self-center border-opacity-5 grid grid-flow-row gap-[12px] border-white rounded-[3px] w-[300px] h-[130px] backdrop-blur-[50px] backdrop-brightness-[40%] backdrop-contrast-[525%] border py-3 px-4">
-        <h2 className="uppercase font-moderat text-[15px] text-tremor-brand-faint">Rating &bull; 88/100</h2>
-        {/* <ProgressBar value={75} color="teal" className="mt-3" /> */}
-        <CategoryBar
-      values={[20, 30, 30, 20]}
-      colors={["rose", "orange", "yellow", "emerald"]}
-      markerValue={88}
-      className="mt-3"
-    />
-      </div>
+    <div className="grid h-[130px] w-[300px] grid-flow-row gap-[12px] self-center rounded-[3px] border border-white border-opacity-5 bg-black bg-opacity-[35%] px-4 py-3 backdrop-blur-[50px] backdrop-brightness-[40%] backdrop-contrast-[525%]">
+      <h2 className="font-moderat text-[15px] uppercase text-tremor-brand-faint">
+        Rating &bull; 88/100
+      </h2>
+      {/* <ProgressBar value={75} color="teal" className="mt-3" /> */}
+      <CategoryBar
+        values={[20, 30, 30, 20]}
+        colors={["rose", "orange", "yellow", "emerald"]}
+        markerValue={88}
+        className="mt-3"
+      />
+    </div>
   );
 }