Merge pull request #28 from kartikver15gr8/feat/richeditor

updated editor

Author: kartikver15gr8

app/_components/simple-editor-menu-bar.tsx

@@ -36,7 +36,7 @@ export function SimpleEditorMenuBar({ editor }: SimpleEditorMenuBarProps) {
   if (!editor) return null;
 
   return (
-    <div className=" flex">
+    <div className="text-[#7f7b83] flex">
       <Toggle
         size="sm"
         pressed={editor.isActive("heading", { level: 1 })}

app/_components/simple-editor.tsx

@@ -18,19 +18,24 @@ export function SimpleEditor({ className, editor }: SimpleEditorProps) {
   const characters = editor.storage.characterCount?.characters() ?? 0;
 
   return (
-    <div className={cn("bg-background rounded-lg border shadow-sm", className)}>
+    <div
+      className={cn(
+        "bg-background rounded-lg border border-[#313032] shadow-sm",
+        className
+      )}
+    >
       {/* Menu Bar */}
-      <div className="border-border/40 border-b px-4 py-2">
+      <div className="border-b border-[#313032] px-4 py-2">
         <SimpleEditorMenuBar editor={editor} />
       </div>
 
       {/* Editor Content */}
       <EditorContent editor={editor} className="simple-editor" />
 
       {/* Word Count Footer */}
-      <div className="border-border/40 text-muted-foreground border-t px-4 py-2 text-sm">
+      {/* <div className="text-muted-foreground border-t border-[#313032] px-4 py-2 text-sm">
         {words} words, {characters} characters
-      </div>
+      </div> */}
     </div>
   );
 }

app/richeditor/page.tsx

@@ -24,30 +24,30 @@ export default function SimplePage() {
     offline: true,
   });
 
-  const handleImageUpload = (imageUrl: string) => {
-    setUploadedImage(imageUrl);
-  };
+  // const handleImageUpload = (imageUrl: string) => {
+  //   setUploadedImage(imageUrl);
+  // };
 
-  const handleImageRemove = () => {
-    if (uploadedImage) {
-      URL.revokeObjectURL(uploadedImage);
-      setUploadedImage(null);
-    }
-  };
+  // const handleImageRemove = () => {
+  //   if (uploadedImage) {
+  //     URL.revokeObjectURL(uploadedImage);
+  //     setUploadedImage(null);
+  //   }
+  // };
 
-  const handlePresetChange = (preset: string) => {
-    setSelectedPreset(preset);
-  };
+  // const handlePresetChange = (preset: string) => {
+  //   setSelectedPreset(preset);
+  // };
 
-  const handlePreviewClose = (open: boolean) => {
-    if (!open) {
-      setShowImagePreview(false);
-      if (generatedImageUrl) {
-        URL.revokeObjectURL(generatedImageUrl);
-      }
-      setGeneratedImageUrl(null);
-    }
-  };
+  // const handlePreviewClose = (open: boolean) => {
+  //   if (!open) {
+  //     setShowImagePreview(false);
+  //     if (generatedImageUrl) {
+  //       URL.revokeObjectURL(generatedImageUrl);
+  //     }
+  //     setGeneratedImageUrl(null);
+  //   }
+  // };
 
   // Cleanup on unmount
   useEffect(() => {

lib/hooks/use-simple-tiptap-editor.tsx

@@ -40,7 +40,7 @@ export function useSimpleTiptapEditor(
         TextStyle,
         CharacterCount,
         Placeholder.configure({
-          placeholder: "Write something beautiful...",
+          placeholder: "Start writing…",
           emptyEditorClass: "is-editor-empty",
           emptyNodeClass: "is-empty",
           showOnlyWhenEditable: true,