From fcd303fe6a686b21ed64c593d0546e14c7e5b4d5 Mon Sep 17 00:00:00 2001
From: DrMint <thomas@barillot.net>
Date: Sun, 24 Apr 2022 14:32:55 +0200
Subject: [PATCH] Renameed component

---
 .../{ThumbnailPreview.tsx => PreviewCard.tsx}          |  8 ++++----
 src/components/PreviewLine.tsx                         | 10 ++++++----
 src/pages/archives/videos/c/[uid].tsx                  |  2 +-
 src/pages/archives/videos/index.tsx                    |  2 +-
 src/pages/contents/index.tsx                           |  2 +-
 src/pages/library/[slug]/index.tsx                     |  2 +-
 src/pages/library/index.tsx                            |  2 +-
 src/pages/news/index.tsx                               |  2 +-
 8 files changed, 16 insertions(+), 14 deletions(-)
 rename src/components/{ThumbnailPreview.tsx => PreviewCard.tsx} (92%)

diff --git a/src/components/ThumbnailPreview.tsx b/src/components/PreviewCard.tsx
similarity index 92%
rename from src/components/ThumbnailPreview.tsx
rename to src/components/PreviewCard.tsx
index 5e86ddf..415df02 100644
--- a/src/components/ThumbnailPreview.tsx
+++ b/src/components/PreviewCard.tsx
@@ -172,10 +172,10 @@ export default function ThumbnailPreview(props: Props): JSX.Element {
               ))}
             </div>
           )}
-          <div>
-            {pre_title && <p>{pre_title}</p>}
-            {title && <h1 className="text-lg">{title}</h1>}
-            {subtitle && <h2>{subtitle}</h2>}
+          <div className="my-1">
+            {pre_title && <p className="leading-none mb-1">{pre_title}</p>}
+            {title && <p className="font-headers text-lg leading-none">{title}</p>}
+            {subtitle && <p className="leading-none">{subtitle}</p>}
           </div>
           {description && <p>{description}</p>}
           {bottomChips && bottomChips.length > 0 && (
diff --git a/src/components/PreviewLine.tsx b/src/components/PreviewLine.tsx
index fc524d8..e039450 100644
--- a/src/components/PreviewLine.tsx
+++ b/src/components/PreviewLine.tsx
@@ -47,10 +47,12 @@ export default function PreviewLine(props: Props): JSX.Element {
               ))}
             </div>
           )}
-          <div className="flex flex-col">
-            {pre_title && <p>{pre_title}</p>}
-            {title && <h1 className="text-lg">{title}</h1>}
-            {subtitle && <h2>{subtitle}</h2>}
+          <div className="flex flex-col my-1">
+            {pre_title && <p className="leading-none mb-1">{pre_title}</p>}
+            {title && (
+              <p className="font-headers text-lg leading-none">{title}</p>
+            )}
+            {subtitle && <p className="leading-none">{subtitle}</p>}
           </div>
           {bottomChips && bottomChips.length > 0 && (
             <div className="grid grid-flow-col gap-1 overflow-hidden place-content-start">
diff --git a/src/pages/archives/videos/c/[uid].tsx b/src/pages/archives/videos/c/[uid].tsx
index 3e3194d..9cdb88c 100644
--- a/src/pages/archives/videos/c/[uid].tsx
+++ b/src/pages/archives/videos/c/[uid].tsx
@@ -8,7 +8,7 @@ import ContentPanel, {
 } from "components/Panels/ContentPanel";
 import SubPanel from "components/Panels/SubPanel";
 import Switch from "components/Switch";
-import ThumbnailPreview from "components/ThumbnailPreview";
+import ThumbnailPreview from "components/PreviewCard";
 import { GetVideoChannelQuery } from "graphql/generated";
 import { getReadySdk } from "graphql/sdk";
 import {
diff --git a/src/pages/archives/videos/index.tsx b/src/pages/archives/videos/index.tsx
index 156e79a..d661e0b 100644
--- a/src/pages/archives/videos/index.tsx
+++ b/src/pages/archives/videos/index.tsx
@@ -9,7 +9,7 @@ import ContentPanel, {
 } from "components/Panels/ContentPanel";
 import SubPanel from "components/Panels/SubPanel";
 import Switch from "components/Switch";
-import ThumbnailPreview from "components/ThumbnailPreview";
+import ThumbnailPreview from "components/PreviewCard";
 import { GetVideosPreviewQuery } from "graphql/generated";
 import { getReadySdk } from "graphql/sdk";
 import { GetStaticPropsContext } from "next";
diff --git a/src/pages/contents/index.tsx b/src/pages/contents/index.tsx
index dd95b0b..1967461 100644
--- a/src/pages/contents/index.tsx
+++ b/src/pages/contents/index.tsx
@@ -7,7 +7,7 @@ import ContentPanel, {
 import SubPanel from "components/Panels/SubPanel";
 import Select from "components/Select";
 import Switch from "components/Switch";
-import ThumbnailPreview from "components/ThumbnailPreview";
+import ThumbnailPreview from "components/PreviewCard";
 import { GetContentsQuery } from "graphql/generated";
 import { getReadySdk } from "graphql/sdk";
 import { GetStaticPropsContext } from "next";
diff --git a/src/pages/library/[slug]/index.tsx b/src/pages/library/[slug]/index.tsx
index b1e4fb9..f09d553 100644
--- a/src/pages/library/[slug]/index.tsx
+++ b/src/pages/library/[slug]/index.tsx
@@ -14,7 +14,7 @@ import ContentPanel, {
 } from "components/Panels/ContentPanel";
 import SubPanel from "components/Panels/SubPanel";
 import Switch from "components/Switch";
-import ThumbnailPreview from "components/ThumbnailPreview";
+import ThumbnailPreview from "components/PreviewCard";
 import { useAppLayout } from "contexts/AppLayoutContext";
 import {
   Enum_Componentmetadatabooks_Binding_Type,
diff --git a/src/pages/library/index.tsx b/src/pages/library/index.tsx
index 9fdd54b..1fb77a1 100644
--- a/src/pages/library/index.tsx
+++ b/src/pages/library/index.tsx
@@ -7,7 +7,7 @@ import ContentPanel, {
 import SubPanel from "components/Panels/SubPanel";
 import Select from "components/Select";
 import Switch from "components/Switch";
-import ThumbnailPreview from "components/ThumbnailPreview";
+import ThumbnailPreview from "components/PreviewCard";
 import { GetLibraryItemsPreviewQuery } from "graphql/generated";
 import { getReadySdk } from "graphql/sdk";
 import { GetStaticPropsContext } from "next";
diff --git a/src/pages/news/index.tsx b/src/pages/news/index.tsx
index c0f60c8..020fe1f 100644
--- a/src/pages/news/index.tsx
+++ b/src/pages/news/index.tsx
@@ -5,7 +5,7 @@ import ContentPanel, {
 } from "components/Panels/ContentPanel";
 import SubPanel from "components/Panels/SubPanel";
 import Switch from "components/Switch";
-import ThumbnailPreview from "components/ThumbnailPreview";
+import ThumbnailPreview from "components/PreviewCard";
 import { GetPostsPreviewQuery } from "graphql/generated";
 import { getReadySdk } from "graphql/sdk";
 import { GetStaticPropsContext } from "next";