Mirrors/notesnook
1
0
Fork 0
mirror of https://github.com/streetwriters/notesnook.git synced 2025-12-25 16:09:42 +01:00
Code Issues Packages Projects Releases Wiki Activity

web: bring back editor margins toggle in action bar

Browse Source
This commit is contained in:
Abdullah Atta
2024-03-11 14:38:46 +05:00
parent 123f1a2658
commit 5cb373f730
1 changed files with 9 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files

16
apps/web/src/components/editor/action-bar.tsx
View File

@@ -21,6 +21,8 @@ import { Button, Flex, Text } from "@theme-ui/components";
import { useState } from "react";
import {
Cross,
EditorFullWidth,
EditorNormalWidth,
ExitFullscreen,
FocusMode,
Fullscreen,
@@ -44,7 +46,7 @@ import { useStore as useAppStore } from "../../stores/app-store";
import { useEditorManager } from "./manager";
export function EditorActionBar() {
// const editorMargins = useEditorStore((store) => store.editorMargins);
const editorMargins = useEditorStore((store) => store.editorMargins);
const isFocusMode = useAppStore((store) => store.isFocusMode);
const [isFullscreen, setIsFullscreen] = useState(false);
const activeSession = useEditorStore((store) =>
@@ -55,12 +57,12 @@ export function EditorActionBar() {
);
const tools = [
// {
// title: editorMargins ? "Disable editor margins" : "Enable editor margins",
// icon: editorMargins ? EditorNormalWidth : EditorFullWidth,
// enabled: true,
// onClick: () => useEditorStore.getState().toggleEditorMargins()
// },
{
title: editorMargins ? "Disable editor margins" : "Enable editor margins",
icon: editorMargins ? EditorNormalWidth : EditorFullWidth,
enabled: true,
onClick: () => useEditorStore.getState().toggleEditorMargins()
},
{
title: isFocusMode ? "Normal mode" : "Focus mode",
icon: isFocusMode ? FocusMode : NormalMode,