changes

Author: Amarusinggithub

client/src/components/editor-footer.tsx

@@ -1,3 +1,32 @@
+import { Button } from './ui/button';
+import { Tooltip, TooltipContent, TooltipTrigger } from './ui/tooltip';
+import {
+  Bell,
+
+
+  Plus,
+} from 'lucide-react';
+
 export default function EditorFooter() {
-	return <></>;
+  return (
+		<footer className="bg-editor text-editor-foreground border-editor-border sticky bottom-0 z-10 w-full border-t">
+			<div className="mx-auto flex max-w-5xl items-center justify-between gap-2 px-4 py-2">
+				<div className="flex items-center gap-1">
+					<Tooltip>
+						<TooltipTrigger asChild>
+							<Button variant="ghost" size="icon" className="size-7">
+								<Bell className="size-4" />
+							</Button>
+						</TooltipTrigger>
+						<TooltipContent sideOffset={6}>Reminder</TooltipContent>
+					</Tooltip>
+
+					<Button variant="ghost" size="sm" className="gap-2">
+						<Plus className="size-4" />
+						Add tag
+					</Button>
+				</div>
+			</div>
+		</footer>
+	);
 }

client/src/components/editor.tsx

@@ -289,7 +289,7 @@ export const Editor = () => {
 			{/*<div>
 				<button onClick={toggleEditable}>Toggle editable</button>
 			</div>*/}
-			<div className="flex-1 overflow-hidden">
+			<div className="flex-1 overflow-auto">
 				<DragHandle editor={editor}>
 					<svg
 						xmlns="http://www.w3.org/2000/svg"
@@ -308,7 +308,7 @@ export const Editor = () => {
 				<EditorContent
 					editor={editor}
 					className={cn(
-						'bg-editor text-editor-foreground mx-auto h-full min-h-full w-full border-0 shadow-lg overflow-hidden',
+						'bg-editor text-editor-foreground mx-auto h-full min-h-full w-full border-0 shadow-lg',
 					)}
 				/>
 			</div>