Add disable option for directories section in dashboard (#319)

* Add disable option for directories section in dashboard

* Fix linting and typo

---------

Co-authored-by: Jas Singh <jaskiratpal.singh@outlook.com>

modules/menus/dashboard/index.ts

@@ -8,6 +8,8 @@ import Window from 'types/widgets/window.js';
 import { Attribute, Child } from 'lib/types/widget.js';
 import options from 'options.js';
 
+const { enabled: directoriesEnabled } = options.menus.dashboard.directories;
+
 export default (): Window<Child, Attribute> => {
     return DropdownMenu({
         name: 'dashboardmenu',
@@ -20,14 +22,22 @@ export default (): Window<Child, Attribute> => {
                 Widget.Box({
                     class_name: 'dashboard-content-container',
                     vertical: true,
-                    children: [
+                    children: directoriesEnabled.bind('value').as((isDirectoriesEnabled) => {
+                        return [
                             Widget.Box({
                                 class_name: 'dashboard-content-items',
                                 vertical: true,
-                            children: [Profile(), Shortcuts(), Controls(), Directories(), Stats()],
+                                children: [
-                        }),
+                                    Profile(),
+                                    Shortcuts(),
+                                    Controls(),
+                                    ...(isDirectoriesEnabled ? [Directories()] : []),
+                                    Stats(),
                                 ],
                             }),
+                        ];
+                    }),
+                }),
             ],
         }),
     });

options.ts

@@ -1103,6 +1103,7 @@ const options = mkOptions(OPTIONS, {
                 },
             },
             directories: {
+                enabled: opt(true),
                 left: {
                     directory1: {
                         label: opt('󰉍 Downloads'),

widget/settings/pages/config/menus/dashboard.ts

@@ -145,6 +145,7 @@ export const DashboardMenuSettings = (): Scrollable<Child, Attribute> => {
                 }),
 
                 Header('Directories'),
+                Option({ opt: options.menus.dashboard.directories.enabled, title: 'Enabled', type: 'boolean' }),
                 Option({
                     opt: options.menus.dashboard.directories.left.directory1.label,
                     title: 'Left - Directory 1 (Label)',