From faacb4cfc5ffc5116b4146d7d370e2d91a268466 Mon Sep 17 00:00:00 2001
From: Cyrus Yiu <UnsignedArduino@outlook.com>
Date: Tue, 8 Oct 2024 21:29:37 -0400
Subject: [PATCH] Fix build errors

---
 src/components/Blog/Post/Post.tsx    | 106 ---------------------------
 src/components/Blog/Post/Preview.tsx | 100 -------------------------
 2 files changed, 206 deletions(-)
 delete mode 100644 src/components/Blog/Post/Post.tsx
 delete mode 100644 src/components/Blog/Post/Preview.tsx

diff --git a/src/components/Blog/Post/Post.tsx b/src/components/Blog/Post/Post.tsx
deleted file mode 100644
index a855638..0000000
--- a/src/components/Blog/Post/Post.tsx
+++ /dev/null
@@ -1,106 +0,0 @@
-import React from "react";
-import { formatDateAndTime } from "@/scripts/Utils/DateAndTime/Format";
-import { PostQuery } from "../../../../tina/__generated__/types";
-import {
-  RichTextSectionRenderer,
-  ShortAuthorRenderer,
-} from "@/components/Blog/Elements";
-import Comments from "@/components/Blog/Post/Comments";
-import ContextualEditingPostAssist from "@/components/Blog/Post/ContextualEditingMode/PostAssist";
-import HeroImage from "@/components/Images/HeroImage";
-import { ShareButton } from "@/components/Linkable/ShareButton";
-import { getReadingTime } from "@/scripts/Utils/Calculate/readingTime";
-import getElement from "@/scripts/Utils/Element";
-import { AnalyticEvents } from "@/components/Analytics";
-
-export default function BlogPost({
-  data,
-}: {
-  data: PostQuery;
-}): React.ReactNode {
-  const [showTitleActions, setShowTitleActions] = React.useState(false);
-
-  const [readingTime, setReadingTime] = React.useState<number | null>(null);
-  React.useEffect(() => {
-    setReadingTime(
-      getReadingTime(
-        (getElement(`blogPostBody${data.post.title}`) as HTMLDivElement)
-          .innerText,
-      ),
-    );
-  }, [data.post.title]);
-
-  return (
-    <div id={`blogPost${data.post.title}`}>
-      <h1
-        onMouseEnter={() => {
-          setShowTitleActions(true);
-        }}
-        onMouseLeave={() => {
-          setShowTitleActions(false);
-        }}
-      >
-        {data.post.title}{" "}
-        {showTitleActions && (
-          <>
-            <ShareButton
-              data={{
-                text: `Check out the blog post ${data.post.title} by ${data.post.author} on Awesome Arcade!`,
-                url: `/blog/${data.post._sys.filename}`,
-              }}
-              onClick={() => {
-                AnalyticEvents.sendShare("blog", data.post.title);
-              }}
-              classNames="ms-1 btn btn-link m-0 p-0"
-            />
-          </>
-        )}
-      </h1>
-      <p className="placeholder-glow">
-        Written by <ShortAuthorRenderer author={data.post.author} />
-        <br />
-        {data.post.createdAt != null ? (
-          <>
-            Posted on {formatDateAndTime(new Date(data.post.createdAt))}.
-            {data.post.lastUpdated != null
-              ? ` (last updated ${formatDateAndTime(new Date(data.post.lastUpdated))})`
-              : null}
-          </>
-        ) : null}
-        <br />
-        {readingTime != null ? (
-          readingTime
-        ) : (
-          <span className="placeholder" style={{ width: "2em" }} />
-        )}{" "}
-        minute read
-      </p>
-      {data.post.heroImage && (
-        <HeroImage
-          image={data.post.heroImage}
-          alt={`Hero image for post titled "${data.post.title}".`}
-        />
-      )}
-      <p>{data.post.description}</p>
-      <hr />
-      <ContextualEditingPostAssist />
-      <div id={`blogPostBody${data.post.title}`}>
-        <RichTextSectionRenderer content={data.post.body} />
-      </div>
-      {data.post.title !== "TESTING" ? (
-        <Comments title={data.post.title} />
-      ) : null}
-      <small>
-        <p>
-          {(data.post.tags?.length ?? 0) > 0 ? (
-            <>
-              Tags: <i>{(data.post.tags ?? []).join(", ")}</i>
-            </>
-          ) : (
-            <i>No tags on this blog post.</i>
-          )}
-        </p>
-      </small>
-    </div>
-  );
-}
diff --git a/src/components/Blog/Post/Preview.tsx b/src/components/Blog/Post/Preview.tsx
deleted file mode 100644
index a3ab1be..0000000
--- a/src/components/Blog/Post/Preview.tsx
+++ /dev/null
@@ -1,100 +0,0 @@
-import React from "react";
-import { ShortAuthorRenderer } from "@/components/Blog/Elements";
-import { formatDateAndTime } from "@/scripts/Utils/DateAndTime/Format";
-import Link from "next/link";
-import { ShareButton } from "@/components/Linkable/ShareButton";
-import { AnalyticEvents } from "@/components/Analytics";
-import { motion } from "framer-motion";
-
-export type BlogPostPreview = {
-  title: string;
-  heroImage: string | null;
-  author: string;
-  description: string;
-  createdAt: string | null;
-  lastUpdated: string | null;
-  link: string;
-};
-
-export default function BlogPostPreviewRenderer({
-  preview,
-}: {
-  preview: BlogPostPreview;
-}): React.ReactNode {
-  const [showCardActions, setShowCardActions] = React.useState(false);
-
-  return (
-    <div className="col h-100">
-      <motion.div
-        // initial={{ x: 300, opacity: 0 }}
-        // animate={{ x: 0, opacity: 1 }}
-        whileHover={{ scale: 1.01 }}
-        whileTap={{ scale: 0.99 }}
-        // exit={{ x: 300, opacity: 0 }}
-        transition={{
-          type: "spring",
-          stiffness: 260,
-          damping: 20,
-        }}
-        className="card h-100"
-      >
-        {preview.heroImage && (
-          // eslint-disable-next-line @next/next/no-img-element
-          <img
-            className="card-img-top"
-            style={{
-              width: "100%",
-              objectFit: "cover",
-              maxHeight: "10vh",
-            }}
-            src={preview.heroImage}
-            alt={`Hero image for post titled "${preview.title}".`}
-          />
-        )}
-        <div className="card-body">
-          <h5
-            className="card-title d-flex align-items-center"
-            onMouseEnter={() => {
-              setShowCardActions(true);
-            }}
-            onMouseLeave={() => {
-              setShowCardActions(false);
-            }}
-          >
-            {preview.title}
-            {showCardActions ? (
-              <>
-                <ShareButton
-                  data={{
-                    text: `Check out the blog post ${preview.title} by ${preview.author} on Awesome Arcade!`,
-                    url: preview.link,
-                  }}
-                  onClick={() => {
-                    AnalyticEvents.sendShare("blog preview", preview.title);
-                  }}
-                />
-              </>
-            ) : undefined}
-          </h5>
-          <h6 className="card-subtitle mb-2 text-body-secondary">
-            {preview.createdAt !== null ? (
-              <>
-                Posted by <ShortAuthorRenderer author={preview.author} /> on{" "}
-                {formatDateAndTime(new Date(preview.createdAt))}.
-                {preview.lastUpdated !== null
-                  ? ` (last updated ${formatDateAndTime(new Date(preview.lastUpdated))})`
-                  : null}
-              </>
-            ) : (
-              <ShortAuthorRenderer author={preview.author} />
-            )}
-          </h6>
-          <p className="card-text">{preview.description}</p>
-          <Link href={preview.link} className="card-link">
-            View post
-          </Link>
-        </div>
-      </motion.div>
-    </div>
-  );
-}