diff --git a/package.json b/package.json
index 002df8b6f..f085a5268 100644
--- a/package.json
+++ b/package.json
@@ -45,7 +45,7 @@
"@nivo/core": "^0.83.0",
"@nivo/line": "^0.83.0",
"@react-native-async-storage/async-storage": "^1.18.1",
- "@tabler/icons-react": "^2.18.0",
+ "@tabler/icons-react": "^2.20.0",
"@tanstack/query-async-storage-persister": "^4.27.1",
"@tanstack/query-sync-storage-persister": "^4.27.1",
"@tanstack/react-query": "^4.2.1",
@@ -70,6 +70,7 @@
"geo-tz": "^7.0.7",
"html-entities": "^2.3.3",
"i18next": "^22.5.1",
+ "immer": "^10.0.2",
"js-file-download": "^0.4.12",
"moment": "^2.29.4",
"moment-timezone": "^0.5.43",
diff --git a/public/locales/en/modules/notebook.json b/public/locales/en/modules/notebook.json
new file mode 100644
index 000000000..516ae4ae0
--- /dev/null
+++ b/public/locales/en/modules/notebook.json
@@ -0,0 +1,15 @@
+{
+ "descriptor": {
+ "name": "Notebook",
+ "description": "A markdown-based interactive widget for you to write down your notes!",
+ "settings": {
+ "title": "Settings for the notebook widget",
+ "showToolbar": {
+ "label": "Show the toolbar to help you write markdown"
+ },
+ "content": {
+ "label": "The content of the notebook"
+ }
+ }
+ }
+}
\ No newline at end of file
diff --git a/src/components/Dashboard/Tiles/GenericTileMenu.tsx b/src/components/Dashboard/Tiles/GenericTileMenu.tsx
index 7cd0b08f7..4271175ea 100644
--- a/src/components/Dashboard/Tiles/GenericTileMenu.tsx
+++ b/src/components/Dashboard/Tiles/GenericTileMenu.tsx
@@ -2,6 +2,7 @@ import { ActionIcon, Menu } from '@mantine/core';
import { IconLayoutKanban, IconPencil, IconSettings, IconTrash } from '@tabler/icons-react';
import { useTranslation } from 'next-i18next';
+import { useColorTheme } from '../../../tools/color';
import { useEditModeStore } from '../Views/useEditModeStore';
interface GenericTileMenuProps {
@@ -11,12 +12,14 @@ interface GenericTileMenuProps {
displayEdit: boolean;
}
-export const GenericTileMenu = ({
- handleClickEdit,
- handleClickChangePosition,
- handleClickDelete,
- displayEdit,
-}: GenericTileMenuProps) => {
+export const GenericTileMenu = (
+ {
+ handleClickEdit,
+ handleClickChangePosition,
+ handleClickDelete,
+ displayEdit,
+ }: GenericTileMenuProps
+) => {
const { t } = useTranslation('common');
const isEditMode = useEditModeStore((x) => x.enabled);
@@ -28,13 +31,13 @@ export const GenericTileMenu = ({