Translations

src/components/layout/header/Actions/AddElementAction/AddElementAction.tsx

@@ -4,7 +4,7 @@ import { IconApps } from '@tabler/icons';
 import { useTranslation } from 'next-i18next';
 
 export const AddElementAction = () => {
-  const { t } = useTranslation('layout/add-service-app-shelf');
+  const { t } = useTranslation('layout/element-selector/selector');
 
   return (
     <Tooltip withinPortal label={t('actionIcon.tooltip')}>
@@ -16,7 +16,7 @@ export const AddElementAction = () => {
         onClick={() =>
           openContextModal({
             modal: 'selectElement',
-            title: 'Add an element to your dashboard',
+            title: t('modal.title'),
             size: 'xl',
             innerProps: {},
           })

src/components/layout/header/SettingsMenu.tsx

@@ -1,12 +1,14 @@
 import { ActionIcon, Menu, Tooltip } from '@mantine/core';
 import { useDisclosure } from '@mantine/hooks';
 import { IconInfoCircle, IconMenu2, IconSettings } from '@tabler/icons';
+import { useTranslation } from 'next-i18next';
 import { AboutModal } from '../../About/AboutModal';
 import { SettingsDrawer } from '../../Settings/SettingsDrawer';
 import { ColorSchemeSwitch } from './SettingsMenu/ColorSchemeSwitch';
 
 export const SettingsMenu = () => {
   const [drawerOpened, drawer] = useDisclosure(false);
+  const { t } = useTranslation('common');
   const [aboutModalOpened, aboutModal] = useDisclosure(false);
 
   return (
@@ -22,7 +24,7 @@ export const SettingsMenu = () => {
             <ColorSchemeSwitch />
             <Menu.Divider />
             <Menu.Item icon={<IconSettings strokeWidth={1.2} size={18} />} onClick={drawer.open}>
-              Homarr Settings
+              {t('sections.settings')}
             </Menu.Item>
             <Menu.Item
               icon={<IconInfoCircle strokeWidth={1.2} size={18} />}