diff --git a/package.json b/package.json index e6b21b3..efa1e28 100755 --- a/package.json +++ b/package.json @@ -1,6 +1,6 @@ { "name": "astroplate", - "version": "1.1.0", + "version": "1.1.1", "description": "Astro and Tailwindcss boilerplate", "author": "zeon.studio", "license": "MIT", diff --git a/src/layouts/PostSingle.astro b/src/layouts/PostSingle.astro index 5d4de7d..86d016e 100755 --- a/src/layouts/PostSingle.astro +++ b/src/layouts/PostSingle.astro @@ -1,5 +1,4 @@ --- -import { Image } from "@astrojs/image/components"; import BlogCard from "@/components/BlogCard.astro"; import Share from "@/components/Share.astro"; import config from "@/config/config.json"; @@ -8,6 +7,7 @@ import { getSinglePage } from "@/lib/contentParser.astro"; import dateFormat from "@/lib/utils/dateFormat"; import similerItems from "@/lib/utils/similarItems"; import { humanize, markdownify, slugify } from "@/lib/utils/textConverter"; +import { Image } from "@astrojs/image/components"; import { FaRegClock, FaRegFolder, diff --git a/src/layouts/partials/Testimonial.astro b/src/layouts/partials/Testimonial.astro index 8b691b0..5f3a894 100644 --- a/src/layouts/partials/Testimonial.astro +++ b/src/layouts/partials/Testimonial.astro @@ -1,6 +1,6 @@ --- -import { Image } from "@astrojs/image/components"; import { markdownify } from "@/lib/utils/textConverter"; +import { Image } from "@astrojs/image/components"; const { testimonial } = Astro.props; --- @@ -39,9 +39,10 @@ const { testimonial } = Astro.props; /> -
- {markdownify(item.content)} -
+
{ - const dateTime = new Date(datetime); +import { formatInTimeZone } from "date-fns-tz"; - const date = dateTime.toLocaleDateString([], { - year: "numeric", - month: "long", - day: "numeric", - }); - - const time = dateTime.toLocaleTimeString([], { - hour: "2-digit", - minute: "2-digit", - }); - - return date; +const dateFormat = (date:Date | string, format:string = "dd MMM, yyyy") => { + return formatInTimeZone(date, "America/New_York", format); }; export default dateFormat; diff --git a/src/lib/utils/sortFunctions.ts b/src/lib/utils/sortFunctions.ts index 6ee2fee..9f8c1d7 100644 --- a/src/lib/utils/sortFunctions.ts +++ b/src/lib/utils/sortFunctions.ts @@ -2,8 +2,8 @@ export const sortByDate = (array: any[]) => { const sortedArray = array.sort( (a:any, b:any) => - new Date(b.data.date && b.data.date) - - new Date(a.data.date && a.data.date) + new Date(b.data.date && b.data.date).valueOf() - + new Date(a.data.date && a.data.date).valueOf() ); return sortedArray; }; diff --git a/src/styles/components.scss b/src/styles/components.scss index 1980a71..da79bab 100755 --- a/src/styles/components.scss +++ b/src/styles/components.scss @@ -160,15 +160,15 @@ @apply prose-img:max-w-full prose-img:rounded; @apply prose-hr:border-border prose-hr:dark:border-darkmode-border; @apply prose-p:text-base prose-p:text-text prose-p:dark:text-darkmode-text; - @apply prose-blockquote:rounded-lg prose-blockquote:border prose-blockquote:border-l-[10px] prose-blockquote:border-primary prose-blockquote:bg-theme-light prose-blockquote:px-8 prose-blockquote:py-10 prose-blockquote:font-secondary prose-blockquote:text-2xl prose-blockquote:not-italic prose-blockquote:text-dark prose-blockquote:dark:border-darkmode-primary prose-blockquote:dark:bg-darkmode-theme-light prose-blockquote:dark:text-darkmode-light; + @apply prose-blockquote:border-l-[10px] prose-blockquote:rounded-lg prose-blockquote:border prose-blockquote:border-primary prose-blockquote:bg-theme-light prose-blockquote:px-8 prose-blockquote:py-10 prose-blockquote:font-secondary prose-blockquote:text-2xl prose-blockquote:not-italic prose-blockquote:text-dark prose-blockquote:dark:border-darkmode-primary prose-blockquote:dark:bg-darkmode-theme-light prose-blockquote:dark:text-darkmode-light; @apply prose-pre:rounded-lg prose-pre:bg-theme-light prose-pre:dark:bg-darkmode-theme-light; @apply prose-code:px-1 prose-code:text-primary prose-code:dark:text-darkmode-primary; @apply prose-strong:text-dark prose-strong:dark:text-darkmode-text; @apply prose-a:text-text prose-a:underline hover:prose-a:text-primary prose-a:dark:text-darkmode-text hover:prose-a:dark:text-darkmode-primary; @apply prose-li:text-text prose-li:dark:text-darkmode-text; - @apply prose-table:relative prose-table:overflow-hidden prose-table:rounded-lg prose-table:before:absolute prose-table:before:left-0 prose-table:before:top-0 prose-table:before:h-full prose-table:before:w-full prose-table:before:rounded-[inherit] prose-table:before:border prose-table:before:content-[""] prose-table:before:dark:border-darkmode-border; + @apply prose-table:before:rounded-[inherit] prose-table:before:content-[""] prose-table:relative prose-table:overflow-hidden prose-table:rounded-lg prose-table:before:absolute prose-table:before:left-0 prose-table:before:top-0 prose-table:before:h-full prose-table:before:w-full prose-table:before:border prose-table:before:dark:border-darkmode-border; @apply prose-thead:border-border prose-thead:bg-theme-light prose-thead:dark:border-darkmode-border prose-thead:dark:bg-darkmode-theme-light; - @apply prose-th:relative prose-th:z-10 prose-th:px-4 prose-th:py-[18px] prose-th:text-dark prose-th:dark:text-darkmode-text; + @apply prose-th:py-[18px] prose-th:relative prose-th:z-10 prose-th:px-4 prose-th:text-dark prose-th:dark:text-darkmode-text; @apply prose-tr:border-border prose-tr:dark:border-darkmode-border; - @apply prose-td:relative prose-td:z-10 prose-td:px-3 prose-td:py-[18px] prose-td:dark:text-darkmode-text; + @apply prose-td:py-[18px] prose-td:relative prose-td:z-10 prose-td:px-3 prose-td:dark:text-darkmode-text; }