v0.10.7

Add grid grow and service search in search bar

data/constants.ts

@@ -1,2 +1,2 @@
 export const REPO_URL = 'ajnart/homarr';
-export const CURRENT_VERSION = 'v0.10.6';
+export const CURRENT_VERSION = 'v0.10.7';

package.json

@@ -1,6 +1,6 @@
 {
   "name": "homarr",
-  "version": "0.10.6",
+  "version": "0.10.7",
   "description": "Homarr - A homepage for your server.",
   "license": "MIT",
   "repository": {

public/locales/da/settings/common.json

@@ -10,5 +10,6 @@
   },
   "credits": {
     "madeWithLove": "Lavet med ❤️ af @"
-  }
+  },
+  "grow": ""
 }

public/locales/de/settings/common.json

@@ -10,5 +10,6 @@
   },
   "credits": {
     "madeWithLove": "Gemacht mit ❤️ von @"
-  }
+  },
+  "grow": ""
 }

public/locales/en/settings/common.json

@@ -10,5 +10,6 @@
   },
   "credits": {
     "madeWithLove": "Made with ❤️ by @"
-  }
+  },
+  "grow": "Grow grid (take all space)"
 }

public/locales/es/settings/common.json

@@ -10,5 +10,6 @@
   },
   "credits": {
     "madeWithLove": "Hecho con ❤️ por @"
-  }
+  },
+  "grow": "Aumentar cuadrícula (toma todo el espacio)"
 }

public/locales/fr/settings/common.json

@@ -10,5 +10,6 @@
   },
   "credits": {
     "madeWithLove": "Fait avec ❤️ par @"
-  }
+  },
+  "grow": ""
 }

public/locales/he/settings/common.json

@@ -10,5 +10,6 @@
   },
   "credits": {
     "madeWithLove": "נעשה ב- ❤️ ע״י @"
-  }
+  },
+  "grow": ""
 }

public/locales/it/settings/common.json

@@ -10,5 +10,6 @@
   },
   "credits": {
     "madeWithLove": "Realizzato con ❤️ da @"
-  }
+  },
+  "grow": ""
 }

public/locales/ja/settings/common.json

@@ -10,5 +10,6 @@
   },
   "credits": {
     "madeWithLove": "で作った❤️ by @さん"
-  }
+  },
+  "grow": ""
 }

public/locales/ko/settings/common.json

@@ -10,5 +10,6 @@
   },
   "credits": {
     "madeWithLove": "Made with ❤️ by @"
-  }
+  },
+  "grow": ""
 }

public/locales/lol/settings/common.json

@@ -10,5 +10,6 @@
   },
   "credits": {
     "madeWithLove": "Maded wif ❤️ by @"
-  }
+  },
+  "grow": ""
 }

public/locales/nl/settings/common.json

@@ -10,5 +10,6 @@
   },
   "credits": {
     "madeWithLove": "Gemaakt met ❤️ door @"
-  }
+  },
+  "grow": ""
 }

public/locales/pl/settings/common.json

@@ -10,5 +10,6 @@
   },
   "credits": {
     "madeWithLove": "Wykonane z ❤️ przez @"
-  }
+  },
+  "grow": ""
 }

public/locales/pt/settings/common.json

@@ -10,5 +10,6 @@
   },
   "credits": {
     "madeWithLove": "Feito com ❤️ por @"
-  }
+  },
+  "grow": ""
 }

public/locales/ru/settings/common.json

@@ -10,5 +10,6 @@
   },
   "credits": {
     "madeWithLove": "Сделано с ❤️ по @."
-  }
+  },
+  "grow": ""
 }

public/locales/sl/settings/common.json

@@ -10,5 +10,6 @@
   },
   "credits": {
     "madeWithLove": "Narejeno s ❤️ od @"
-  }
+  },
+  "grow": ""
 }

public/locales/sv/modules/search.json

@@ -6,25 +6,25 @@
   "input": {
     "placeholder": "Sök på webben..."
   },
-  "switched-to": "",
+  "switched-to": "Växlade till",
   "searchEngines": {
     "search": {
-      "name": "",
-      "description": ""
+      "name": "Webb",
+      "description": "Sök med din sökmotor (definierad i inställningar)"
     },
     "youtube": {
-      "name": "",
-      "description": ""
+      "name": "YouTube",
+      "description": "Sök på YouTube"
     },
     "torrents": {
-      "name": "",
-      "description": ""
+      "name": "Torrents",
+      "description": "Sök torrents"
     },
     "overseerr": {
       "name": "Overseerr",
-      "description": ""
+      "description": "Sök efter filmer och TV-program med Overseerr (modulen måste vara aktiverad)"
     }
   },
-  "tip": "",
-  "switchedSearchEngine": ""
+  "tip": "Du kan välja sökfältet med kortkommandot ",
+  "switchedSearchEngine": "Växlade till att söka med {{searchEngine}}"
 }

public/locales/sv/settings/common.json

@@ -10,5 +10,6 @@
   },
   "credits": {
     "madeWithLove": "Gjort med ❤️ av @"
-  }
+  },
+  "grow": "Växande rutnät (ta allt utrymme)"
 }

public/locales/uk/settings/common.json

@@ -10,5 +10,6 @@
   },
   "credits": {
     "madeWithLove": "Зроблено з ❤️ by @"
-  }
+  },
+  "grow": ""
 }

public/locales/vi/settings/common.json

@@ -10,5 +10,6 @@
   },
   "credits": {
     "madeWithLove": "From @ with ❤️"
-  }
+  },
+  "grow": ""
 }

public/locales/zh/settings/common.json

@@ -10,5 +10,6 @@
   },
   "credits": {
     "madeWithLove": "用❤️创造，出品于"
-  }
+  },
+  "grow": ""
 }

src/components/AppShelf/AppShelf.tsx

@@ -95,7 +95,7 @@ const AppShelf = (props: any) => {
         onDragEnd={handleDragEnd}
       >
         <SortableContext items={config.services}>
-          <Grid gutter="lg" align="center">
+          <Grid gutter="lg" grow={config.settings.grow}>
             {filtered.map((service) => (
               <Grid.Col key={service.id} span="content">
                 <SortableItem service={service} key={service.id} id={service.id}>
@@ -143,7 +143,14 @@ const AppShelf = (props: any) => {
             value={idx.toString()}
           >
             <Accordion.Control>
-              <Title order={5}>{category}</Title>
+              <Title
+                order={5}
+                style={{
+                  minWidth: 0,
+                }}
+              >
+                {category}
+              </Title>
             </Accordion.Control>
             <Accordion.Panel>{getItems(category)}</Accordion.Panel>
           </Accordion.Item>

src/components/Settings/AdvancedSettings.tsx

@@ -6,6 +6,7 @@ import { ColorSelector } from './ColorSelector';
 import { OpacitySelector } from './OpacitySelector';
 import { AppCardWidthSelector } from './AppCardWidthSelector';
 import { ShadeSelector } from './ShadeSelector';
+import { GrowthSelector } from './GrowthSelector';
 
 export default function TitleChanger() {
   const { config, setConfig } = useConfig();
@@ -74,6 +75,7 @@ export default function TitleChanger() {
           <Button type="submit">{t('buttons.submit')}</Button>
         </Stack>
       </form>
+      <GrowthSelector />
       <ColorSelector type="primary" />
       <ColorSelector type="secondary" />
       <ShadeSelector />

src/components/Settings/GrowthSelector.tsx

@@ -0,0 +1,30 @@
+import { Switch } from '@mantine/core';
+import { useTranslation } from 'next-i18next';
+import { useState } from 'react';
+import { useConfig } from '../../tools/state';
+
+export function GrowthSelector() {
+  const { config, setConfig } = useConfig();
+  const defaultPosition = config?.settings?.grow || false;
+  const [growState, setGrowState] = useState(defaultPosition);
+  const { t } = useTranslation('settings/common.json');
+  const toggleGrowState = () => {
+    setGrowState(!growState);
+    setConfig({
+      ...config,
+      settings: {
+        ...config.settings,
+        grow: !growState,
+      },
+    });
+  };
+
+  return (
+    <Switch
+      label={t('settings/common:grow')}
+      checked={growState === true}
+      onChange={() => toggleGrowState()}
+      size="md"
+    />
+  );
+}

src/components/WidgetsPositionSwitch/WidgetsPositionSwitch.tsx

@@ -48,15 +48,11 @@ export function WidgetsPositionSwitch() {
   };
 
   return (
-    <Group>
-      <div className={classes.root}>
-        <Switch
-          checked={widgetPosition === 'left'}
-          onChange={() => toggleWidgetPosition()}
-          size="md"
-        />
-      </div>
-      {t('label')}
-    </Group>
+    <Switch
+      label={t('label')}
+      checked={widgetPosition === 'left'}
+      onChange={() => toggleWidgetPosition()}
+      size="md"
+    />
   );
 }