diff --git a/apps/roam/src/components/settings/GeneralSettings.tsx b/apps/roam/src/components/settings/GeneralSettings.tsx index ac1ab5cae..3270ef616 100644 --- a/apps/roam/src/components/settings/GeneralSettings.tsx +++ b/apps/roam/src/components/settings/GeneralSettings.tsx @@ -1,9 +1,10 @@ -import React, { useMemo } from "react"; +import React, { useMemo, useState } from "react"; import TextPanel from "roamjs-components/components/ConfigPanels/TextPanel"; import FlagPanel from "roamjs-components/components/ConfigPanels/FlagPanel"; import { getFormattedConfigTree } from "~/utils/discourseConfigRef"; import refreshConfigTree from "~/utils/refreshConfigTree"; import { DEFAULT_CANVAS_PAGE_FORMAT } from "~/index"; +import { Alert, Intent } from "@blueprintjs/core"; const DiscourseGraphHome = () => { const settings = useMemo(() => { @@ -11,6 +12,8 @@ const DiscourseGraphHome = () => { return getFormattedConfigTree(); }, []); + const [isAlertOpen, setIsAlertOpen] = useState(false); + return (
{ uid={settings.leftSidebarEnabled.uid} parentUid={settings.settingsUid} value={settings.leftSidebarEnabled.value || false} + options={{ + onChange: (checked: boolean) => { + if (checked) { + setIsAlertOpen(true); + } + }, + }} /> + window.location.reload()} + onCancel={() => setIsAlertOpen(false)} + confirmButtonText="Reload Graph" + cancelButtonText="Later" + intent={Intent.PRIMARY} + > +

Enabling the Left Sidebar requires a graph reload to take effect.

+

Would you like to reload now?

+
); };