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