42 lines
988 B
TypeScript
42 lines
988 B
TypeScript
|
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>
|
||
|
|
);
|