⚡ Improve weather module

src/components/layout/Aside.tsx

@@ -1,7 +1,5 @@
 import { Aside as MantineAside, Group } from '@mantine/core';
-import { DateModule } from '../modules';
-import { CalendarModule } from '../modules/calendar/CalendarModule';
-import ModuleWrapper from '../modules/moduleWrapper';
+import { WeatherModule, DateModule, ModuleWrapper, CalendarModule } from '../modules';
 
 export default function Aside(props: any) {
   return (
@@ -18,6 +16,7 @@ export default function Aside(props: any) {
       <Group mt="sm" grow direction="column">
         <ModuleWrapper module={CalendarModule} />
         <ModuleWrapper module={DateModule} />
+        <ModuleWrapper module={WeatherModule} />
       </Group>
     </MantineAside>
   );

src/components/layout/Navbar.tsx

@@ -1,7 +1,5 @@
 import { Group, Navbar as MantineNavbar } from '@mantine/core';
-import { WeatherModule } from '../modules';
-import { DateModule } from '../modules/date/DateModule';
-import ModuleWrapper from '../modules/moduleWrapper';
+import { WeatherModule, DateModule, ModuleWrapper } from '../modules';
 
 export default function Navbar() {
   return (
@@ -17,8 +15,9 @@ export default function Navbar() {
     >
       <Group mt="sm" direction="column" align="center">
         <ModuleWrapper module={DateModule} />
-        <ModuleWrapper module={WeatherModule} />
       </Group>
+      <ModuleWrapper module={WeatherModule} />
+      <ModuleWrapper module={WeatherModule} />
     </MantineNavbar>
   );
 }

src/components/modules/index.ts

@@ -1,3 +1,4 @@
+export * from './moduleWrapper';
 export * from './date';
 export * from './calendar';
 export * from './search';

src/components/modules/moduleWrapper.tsx

@@ -2,7 +2,7 @@ import { Card, useMantineTheme } from '@mantine/core';
 import { useConfig } from '../../tools/state';
 import { IModule } from './modules';
 
-export default function ModuleWrapper(props: any) {
+export function ModuleWrapper(props: any) {
   const { module }: { module: IModule } = props;
   const { config } = useConfig();
   const enabledModules = config.settings.enabledModules ?? [];

src/components/modules/weather/WeatherModule.tsx

@@ -17,7 +17,7 @@ import { IModule } from '../modules';
 import { WeatherResponse } from './WeatherInterface';
 
 export const WeatherModule: IModule = {
-  title: 'Weather',
+  title: 'Weather (beta)',
   description: 'Look up the current weather in your location',
   icon: Sun,
   component: WeatherComponent,