feat: create webrepub component

omnajjar · Apr 8, 2023 · dcb79b2 · dcb79b2
1 parent 4e51785
commit dcb79b2
Show file tree

Hide file tree

Showing 2 changed files with 12 additions and 5 deletions.
diff --git a/src/desginer/typings/webrepub.d.ts b/src/desginer/typings/webrepub.d.ts
@@ -0,0 +1,6 @@
+import { UserComponent } from '@craftjs/core';
+import { ReactNode } from 'react';
+
+export type WebrepubComponent<T = unknown> = UserComponent<T> & {
+  icon?: ReactNode;
+};
diff --git a/src/presets/react-email/Components/Html/HtmlComponent.tsx b/src/presets/react-email/Components/Html/HtmlComponent.tsx
@@ -1,8 +1,10 @@
-import { useEditor, useNode, UserComponent } from '@craftjs/core';
+import { useNode } from '@craftjs/core';
 import { Html, HtmlProps } from '@react-email/html';
 import { CSSProperties } from 'react';
+import { BsFiletypeHtml } from 'react-icons/bs';
 
 import { useGlobalSettings } from '@/desginer/Providers/GlobalSettings';
+import { WebrepubComponent } from '@/desginer/typings/webrepub';
 import { HtmlComponentSettings } from '@/presets/react-email/Components/Html/HtmlComponentSettings';
 
 const defaultConfiguredStyles: CSSProperties = {
@@ -13,17 +15,14 @@ export interface HtmlComponentProps extends HtmlProps {
   previwe: boolean;
 }
 
-export const HTMLComponent: UserComponent<HtmlComponentProps> = ({
+export const HTMLComponent: WebrepubComponent<HtmlComponentProps> = ({
   children,
   style,
   ...props
 }: HtmlComponentProps) => {
   const {
     connectors: { connect },
   } = useNode();
-  const { enabled: _enabled } = useEditor((state) => ({
-    enabled: state.options.enabled,
-  }));
 
   const {
     settings: { isInDesignMode: _isInDesignMode },
@@ -62,3 +61,5 @@ HTMLComponent.craft = {
     settings: HtmlComponentSettings,
   },
 };
+
+HTMLComponent.icon = <BsFiletypeHtml />;