MovieReviewComment · 2wheeh · May 4, 2024 · May 2, 2024
diff --git a/ui/public/icons/chat-square-quote.svg b/ui/public/icons/chat-square-quote.svg
diff --git a/ui/public/icons/indent.svg b/ui/public/icons/indent.svg
diff --git a/ui/public/icons/list-ol.svg b/ui/public/icons/list-ol.svg
diff --git a/ui/public/icons/list-ul.svg b/ui/public/icons/list-ul.svg
diff --git a/ui/public/icons/outdent.svg b/ui/public/icons/outdent.svg
diff --git a/ui/public/icons/text-paragraph.svg b/ui/public/icons/text-paragraph.svg
diff --git a/ui/public/icons/trash.svg b/ui/public/icons/trash.svg
diff --git a/ui/public/icons/type-bold.svg b/ui/public/icons/type-bold.svg
diff --git a/ui/public/icons/type-h1.svg b/ui/public/icons/type-h1.svg
diff --git a/ui/public/icons/type-h2.svg b/ui/public/icons/type-h2.svg
diff --git a/ui/public/icons/type-h3.svg b/ui/public/icons/type-h3.svg
diff --git a/ui/public/icons/type-italic.svg b/ui/public/icons/type-italic.svg
diff --git a/ui/public/icons/type-strikethrough.svg b/ui/public/icons/type-strikethrough.svg
diff --git a/ui/public/icons/type-underline.svg b/ui/public/icons/type-underline.svg
diff --git a/ui/src/components/common/client/icon-button.tsx b/ui/src/components/common/client/icon-button.tsx
@@ -0,0 +1,23 @@
+'use client';
+
+import clsx from 'clsx';
+
+interface IconButtonProps extends Omit<React.ComponentPropsWithoutRef<'button'>, 'disabled'> {
+  disabled?: boolean;
+  selected?: boolean;
+  icon: React.ReactNode;
+}
+
+export function IconButton({ disabled, selected, icon, ...rest }: IconButtonProps) {
+  return (
+    <button
+      className={clsx('rounded-lg hover:bg-orange-100 p-1', {
+        'bg-orange-200 ': selected,
+        'pointer-events-none text-gray-400': disabled,
+      })}
+      {...rest}
+    >
+      {icon}
+    </button>
+  );
+}