-
+
}
>
diff --git a/src/components/IconButton.tsx b/src/components/IconButton.tsx
new file mode 100644
index 0000000..116c081
--- /dev/null
+++ b/src/components/IconButton.tsx
@@ -0,0 +1,20 @@
+import { forwardRef, ComponentPropsWithoutRef, ReactNode } from "react";
+import { twMerge } from "tailwind-merge";
+
+export type IconButtonProps = ComponentPropsWithoutRef<"button"> & {
+ children: ReactNode;
+};
+export const IconButton = forwardRef(
+ (props: IconButtonProps, ref) => {
+ const buttonProps = { ...props };
+ return (
+
+ );
+ },
+);
diff --git a/src/components/MarkdownInput.tsx b/src/components/MarkdownInput.tsx
index 533cb60..6e2fb1d 100644
--- a/src/components/MarkdownInput.tsx
+++ b/src/components/MarkdownInput.tsx
@@ -16,6 +16,7 @@ import { Attachment } from "../lib/api/posts";
import { Checkbox } from "./Checkbox";
import { EmojiPicker } from "./EmojiPicker";
import { Markdown } from "./Markdown";
+import { IconButton } from "./IconButton";
export type MarkdownInputProps = {
chat: string;
@@ -141,7 +142,7 @@ export const MarkdownInput = (props: MarkdownInputProps) => {
before={
<>
{showAttachments ?
-
+
: undefined}
>
}
@@ -171,22 +172,22 @@ export const MarkdownInput = (props: MarkdownInputProps) => {
-
+
}
/>
-
+
}
above={
diff --git a/src/components/Post.tsx b/src/components/Post.tsx
index fa2d040..9c727bf 100644
--- a/src/components/Post.tsx
+++ b/src/components/Post.tsx
@@ -20,6 +20,7 @@ import { RelativeTime } from "./RelativeTime";
import { twMerge } from "tailwind-merge";
import { EmojiPicker } from "./EmojiPicker";
import { DiscordEmoji } from "../lib/discordEmoji";
+import { IconButton } from "./IconButton";
export type PostProps = {
id: string;
@@ -218,29 +219,29 @@ const PostBase = memo((props: PostBaseProps) => {
onEmoji={handleReaction}
discordEmoji={false}
trigger={
-
+
}
/>
{isInbox ?
undefined
- :
+
}