From fac01c64c73e04176c7e5d314a361c908ad188ee Mon Sep 17 00:00:00 2001
From: mehbark <terezi@pyrope.net>
Date: Fri, 21 Jul 2023 16:12:55 -0400
Subject: [PATCH] 2x post bottom largely done

---
 html/this-post-is-two-posts.tsx | 41 +++++++++++++++++++++++++++++++++
 1 file changed, 41 insertions(+)
 create mode 100644 html/this-post-is-two-posts.tsx

diff --git a/html/this-post-is-two-posts.tsx b/html/this-post-is-two-posts.tsx
new file mode 100644
index 0000000..6abd7f4
--- /dev/null
+++ b/html/this-post-is-two-posts.tsx
@@ -0,0 +1,41 @@
+import { Main, render_and_copy } from "./common.tsx";
+
+// i heard you liked posts, so i put a post in your post so you can post while you post
+const ReblogIcon = () => (
+    <img
+        src="https://static.pyrope.net/cohost-reblog.png"
+        alt="the cohost reblog icon"
+        class="reblog"
+    />
+);
+
+const LikeIcon = () => (
+    <img
+        src="https://static.pyrope.net/cohost-like.png"
+        alt="the cohost like icon"
+        class="like"
+    />
+);
+
+const Bottom = ({ n_comments }: { n_comments: number }) => (
+    <div class="bottom">
+        <div class="bottom-inner">
+            <a
+                class="comments"
+                href="https://413.gay"
+            >{`${n_comments} comments`}</a>
+            <div class="interactions">
+                <ReblogIcon />
+                <LikeIcon />
+            </div>
+        </div>
+    </div>
+);
+
+render_and_copy(
+    <Main>
+        bla bla post content
+        <hr />
+        <Bottom n_comments={413} />
+    </Main>
+);