chore: rename Bx prefix to Icon

apps/studio/src/components/PageEditor/MenuBar.tsx

@@ -30,15 +30,15 @@ import {
 import { MdSubscript, MdSuperscript } from "react-icons/md"
 
 import {
-  BxAddColLeft,
-  BxAddColRight,
-  BxAddRowAbove,
-  BxAddRowBelow,
-  BxDelCol,
-  BxDelRow,
-  BxMergeCells,
-  BxSplitCell,
-} from "~/assets"
+  IconAddColLeft,
+  IconAddColRight,
+  IconAddRowAbove,
+  IconAddRowBelow,
+  IconDelCol,
+  IconDelRow,
+  IconMergeCells,
+  IconSplitCell,
+} from "~/components/icons"
 import { MenuItem } from "./MenuItem"
 import { TableSettingsModal } from "./TableSettingsModal"
 
@@ -256,42 +256,42 @@ export const MenuBar = ({ editor }: { editor: Editor }) => {
     },
     {
       type: "item",
-      icon: () => <Icon as={BxAddColRight} />,
+      icon: () => <Icon as={IconAddColRight} />,
       title: "Add column after",
       action: () => editor.chain().focus().addColumnAfter().run(),
       isHidden: !editor.isActive("table"),
     },
     {
       type: "item",
-      icon: () => <Icon as={BxAddColLeft} />,
+      icon: () => <Icon as={IconAddColLeft} />,
       title: "Add column before",
       action: () => editor.chain().focus().addColumnBefore().run(),
       isHidden: !editor.isActive("table"),
     },
     {
       type: "item",
-      icon: () => <Icon as={BxDelCol} />,
+      icon: () => <Icon as={IconDelCol} />,
       title: "Delete column",
       action: () => editor.chain().focus().deleteColumn().run(),
       isHidden: !editor.isActive("table"),
     },
     {
       type: "item",
-      icon: () => <Icon as={BxAddRowAbove} />,
+      icon: () => <Icon as={IconAddRowAbove} />,
       title: "Add row before",
       action: () => editor.chain().focus().addRowBefore().run(),
       isHidden: !editor.isActive("table"),
     },
     {
       type: "item",
-      icon: () => <Icon as={BxAddRowBelow} />,
+      icon: () => <Icon as={IconAddRowBelow} />,
       title: "Add row after",
       action: () => editor.chain().focus().addRowAfter().run(),
       isHidden: !editor.isActive("table"),
     },
     {
       type: "item",
-      icon: () => <Icon as={BxDelRow} />,
+      icon: () => <Icon as={IconDelRow} />,
       title: "Delete row",
       action: () => editor.chain().focus().deleteRow().run(),
       isHidden: !editor.isActive("table"),
@@ -302,14 +302,14 @@ export const MenuBar = ({ editor }: { editor: Editor }) => {
     },
     {
       type: "item",
-      icon: () => <Icon as={BxMergeCells} />,
+      icon: () => <Icon as={IconMergeCells} />,
       title: "Merge cells",
       action: () => editor.chain().focus().mergeCells().run(),
       isHidden: !editor.isActive("table"),
     },
     {
       type: "item",
-      icon: () => <Icon as={BxSplitCell} />,
+      icon: () => <Icon as={IconSplitCell} />,
       title: "Split cell",
       action: () => editor.chain().focus().splitCell().run(),
       isHidden: !editor.isActive("table"),

apps/studio/src/assets/BxAddColLeft.tsx → apps/studio/src/components/icons/IconAddColLeft.tsx

@@ -1,6 +1,6 @@
 import { chakra } from "@chakra-ui/react"
 
-export const BxAddColLeft = chakra(
+export const IconAddColLeft = chakra(
   (props: React.SVGProps<SVGSVGElement>): JSX.Element => {
     return (
       <svg

apps/studio/src/assets/BxAddColRight.tsx → apps/studio/src/components/icons/IconAddColRight.tsx

@@ -1,6 +1,6 @@
 import { chakra } from "@chakra-ui/react"
 
-export const BxAddColRight = chakra(
+export const IconAddColRight = chakra(
   (props: React.SVGProps<SVGSVGElement>): JSX.Element => {
     return (
       <svg

apps/studio/src/assets/BxAddRowAbove.tsx → apps/studio/src/components/icons/IconAddRowAbove.tsx

@@ -1,6 +1,6 @@
 import { chakra } from "@chakra-ui/react"
 
-export const BxAddRowAbove = chakra(
+export const IconAddRowAbove = chakra(
   (props: React.SVGProps<SVGSVGElement>): JSX.Element => {
     return (
       <svg

apps/studio/src/assets/BxAddRowBelow.tsx → apps/studio/src/components/icons/IconAddRowBelow.tsx

@@ -1,6 +1,6 @@
 import { chakra } from "@chakra-ui/react"
 
-export const BxAddRowBelow = chakra(
+export const IconAddRowBelow = chakra(
   (props: React.SVGProps<SVGSVGElement>): JSX.Element => {
     return (
       <svg

apps/studio/src/assets/BxDelCol.tsx → apps/studio/src/components/icons/IconDelCol.tsx

@@ -1,6 +1,6 @@
 import { chakra } from "@chakra-ui/react"
 
-export const BxDelCol = chakra(
+export const IconDelCol = chakra(
   (props: React.SVGProps<SVGSVGElement>): JSX.Element => {
     return (
       <svg

apps/studio/src/assets/BxDelRow.tsx → apps/studio/src/components/icons/IconDelRow.tsx

@@ -1,6 +1,6 @@
 import { chakra } from "@chakra-ui/react"
 
-export const BxDelRow = chakra(
+export const IconDelRow = chakra(
   (props: React.SVGProps<SVGSVGElement>): JSX.Element => {
     return (
       <svg

apps/studio/src/assets/BxMergeCells.tsx → apps/studio/src/components/icons/IconMergeCells.tsx

@@ -1,6 +1,6 @@
 import { chakra } from "@chakra-ui/react"
 
-export const BxMergeCells = chakra((props: React.SVGProps<SVGSVGElement>) => {
+export const IconMergeCells = chakra((props: React.SVGProps<SVGSVGElement>) => {
   return (
     <svg
       width="24"

apps/studio/src/assets/BxSplitCell.tsx → apps/studio/src/components/icons/IconSplitCell.tsx

@@ -1,6 +1,6 @@
 import { chakra } from "@chakra-ui/react"
 
-export const BxSplitCell = chakra((props: React.SVGProps<SVGSVGElement>) => {
+export const IconSplitCell = chakra((props: React.SVGProps<SVGSVGElement>) => {
   return (
     <svg
       width="24"

apps/studio/src/components/icons/index.ts

@@ -0,0 +1,8 @@
+export * from "./IconAddColLeft"
+export * from "./IconAddColRight"
+export * from "./IconAddRowAbove"
+export * from "./IconAddRowBelow"
+export * from "./IconDelCol"
+export * from "./IconDelRow"
+export * from "./IconMergeCells"
+export * from "./IconSplitCell"