2x post bottom largely done
This commit is contained in:
parent
a5c0895563
commit
fac01c64c7
1 changed files with 41 additions and 0 deletions
41
html/this-post-is-two-posts.tsx
Normal file
41
html/this-post-is-two-posts.tsx
Normal file
|
@ -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>
|
||||||
|
);
|
Loading…
Reference in a new issue