almost change all layouts to ssr

This commit is contained in:
Ehsan
2025-05-11 15:16:51 +03:30
parent b3bdf6c332
commit 1b2f579d0d
20 changed files with 121 additions and 124 deletions
+4 -4
View File
@@ -9,7 +9,7 @@ function Caption({ data, loading }) {
<CustomLoading loading={loading} width="full" height={500}>
<Image
className="rounded-[8px] overflow-hidden w-full"
src={data.cover_first}
src={data?.cover_first}
alt="cover-blog"
height={570}
width={808}
@@ -19,14 +19,14 @@ function Caption({ data, loading }) {
<MultilineLoading loading={loading} width="full" height={18} line={20}>
<div
className="my-[12px] sm:my-[16px] md:my-[20px] lg:my-[24px] text-[#525252] text-[14px] md:text-[15px] lg:text-[16px] font-normal leading-[26px] sm:leading-[28px] md:leading-[30px] lg:leading-[32px]"
dangerouslySetInnerHTML={{ __html: data.caption }}
dangerouslySetInnerHTML={{ __html: data?.caption }}
/>
</MultilineLoading>
</div>
<CustomLoading loading={loading} width="full" height={500}>
<Image
className="rounded-[8px] overflow-hidden w-full"
src={data.cover_second}
src={data?.cover_second}
alt="cover-blog"
height={570}
width={808}
@@ -36,7 +36,7 @@ function Caption({ data, loading }) {
<MultilineLoading loading={loading} width="full" height={18} line={20}>
<div
className="my-[12px] sm:my-[16px] md:my-[20px] lg:my-[24px] text-[#525252] text-[14px] md:text-[15px] lg:text-[16px] font-normal leading-[26px] sm:leading-[28px] md:leading-[30px] lg:leading-[32px]"
dangerouslySetInnerHTML={{ __html: data.caption }}
dangerouslySetInnerHTML={{ __html: data?.caption }}
/>
</MultilineLoading>
</div>
+2 -2
View File
@@ -34,7 +34,7 @@ function Head({ data, loading }) {
</p>
<TextLoading width={55} height={22} loading={loading}>
<p className="text-[#9B9B9B] text-[11px] md:text-[14px] lg:text-[16px] font-medium">
{data.date_of_release}
{data?.date_of_release}
</p>
</TextLoading>
</div>
@@ -44,7 +44,7 @@ function Head({ data, loading }) {
</p>
<TextLoading width={55} height={22} loading={loading}>
<p className="text-[#9B9B9B] text-[11px] md:text-[14px] lg:text-[16px] font-medium">
{data.time}
{data?.time}
</p>
</TextLoading>
</div>