Merge branch 'dev' into dnd

src/components/modules/calendar/MediaDisplay.tsx

@@ -30,7 +30,7 @@ function MediaDisplay(props: { media: IMedia }) {
         })}
       >
         <Group direction="column">
-          <Group>
+          <Group noWrap>
             <Title order={3}>{media.title}</Title>
             <Anchor href={`https://www.imdb.com/title/${media.imdbId}`} target="_blank">
               <ActionIcon>
@@ -48,7 +48,9 @@ function MediaDisplay(props: { media: IMedia }) {
               Season {media.seasonNumber} episode {media.episodeNumber}
             </Text>
           )}
-          <Text align="justify">{media.overview}</Text>
+          <Text lineClamp={12} align="justify">
+            {media.overview}
+          </Text>
         </Group>
         {/*Add the genres at the bottom of the poster*/}
         <Group>

src/components/modules/search/SearchModule.tsx

@@ -26,7 +26,7 @@ export default function SearchBar(props: any) {
   const { config, setConfig } = useConfig();
   const [opened, setOpened] = useState(false);
   const [icon, setIcon] = useState(<Search />);
-  const queryUrl = config.settings.searchUrl || 'https://www.google.com/search?q=';
+  const queryUrl = config.settings.searchUrl ?? 'https://www.google.com/search?q=';
   const textInput = useRef<HTMLInputElement>();
   useHotkeys([['ctrl+K', () => textInput.current && textInput.current.focus()]]);
 

src/pages/tryconfig.tsx

@@ -1,33 +0,0 @@
-import { Button } from '@mantine/core';
-import { Prism } from '@mantine/prism';
-import { useState } from 'react';
-import { DateModule } from '../components/modules';
-import { useConfig } from '../tools/state';
-
-export default function TryConfig(props: any) {
-  const { config } = useConfig();
-  const [tempConfig, setTempConfig] = useState(config);
-  return (
-    <>
-      <Prism language="json">{JSON.stringify(tempConfig, null, 2)}</Prism>
-      <Button
-        onClick={() => {
-          setTempConfig({
-            ...tempConfig,
-            modules: {
-              [DateModule.title]: {
-                enabled: true,
-                title: DateModule.title,
-                options: {
-                  ...DateModule.options,
-                },
-              },
-            },
-          });
-        }}
-      >
-        Add a module to the modules thingy
-      </Button>
-    </>
-  );
-}