\n \n
\n \n \n \n
\n )\n);\n\nexport const availableIntegrations = [\n {\n value: 'sabnzbd',\n image: 'https://cdn.jsdelivr.net/gh/walkxcode/dashboard-icons@master/png/sabnzbd.png',\n label: 'SABnzbd',\n },\n {\n value: 'nzbGet',\n image: 'https://cdn.jsdelivr.net/gh/walkxcode/dashboard-icons@master/png/nzbget.png',\n label: 'NZBGet',\n },\n {\n value: 'deluge',\n image: 'https://cdn.jsdelivr.net/gh/walkxcode/dashboard-icons@master/png/deluge.png',\n label: 'Deluge',\n },\n {\n value: 'transmission',\n image: 'https://cdn.jsdelivr.net/gh/walkxcode/dashboard-icons@master/png/transmission.png',\n label: 'Transmission',\n },\n {\n value: 'qBittorrent',\n image: 'https://cdn.jsdelivr.net/gh/walkxcode/dashboard-icons@master/png/qbittorrent.png',\n label: 'qBittorrent',\n },\n {\n value: 'jellyseerr',\n image: 'https://cdn.jsdelivr.net/gh/walkxcode/dashboard-icons@master/png/jellyseerr.png',\n label: 'Jellyseerr',\n },\n {\n value: 'overseerr',\n image: 'https://cdn.jsdelivr.net/gh/walkxcode/dashboard-icons@master/png/overseerr.png',\n label: 'Overseerr',\n },\n {\n value: 'sonarr',\n image: 'https://cdn.jsdelivr.net/gh/walkxcode/dashboard-icons@master/png/sonarr.png',\n label: 'Sonarr',\n },\n {\n value: 'radarr',\n image: 'https://cdn.jsdelivr.net/gh/walkxcode/dashboard-icons@master/png/radarr.png',\n label: 'Radarr',\n },\n {\n value: 'lidarr',\n image: 'https://cdn.jsdelivr.net/gh/walkxcode/dashboard-icons@master/png/lidarr.png',\n label: 'Lidarr',\n },\n {\n value: 'readarr',\n image: 'https://cdn.jsdelivr.net/gh/walkxcode/dashboard-icons@master/png/readarr.png',\n label: 'Readarr',\n },\n {\n value: 'prowlarr',\n image: 'https://cdn.jsdelivr.net/gh/walkxcode/dashboard-icons@master/png/prowlarr.png',\n label: 'Prowlarr',\n },\n {\n value: 'jellyfin',\n image: 'https://cdn.jsdelivr.net/gh/walkxcode/dashboard-icons@master/png/jellyfin.png',\n label: 'Jellyfin (and Emby)',\n },\n {\n value: 'plex',\n image: 'https://cdn.jsdelivr.net/gh/walkxcode/dashboard-icons@master/png/plex.png',\n label: 'Plex',\n },\n {\n value: 'pihole',\n image: 'https://cdn.jsdelivr.net/gh/walkxcode/dashboard-icons@master/png/pi-hole.png',\n label: 'PiHole',\n },\n {\n value: 'adGuardHome',\n image: 'https://cdn.jsdelivr.net/gh/walkxcode/dashboard-icons@master/png/adguard-home.png',\n label: 'AdGuard Home',\n },\n {\n value: 'homeAssistant',\n image: 'https://cdn.jsdelivr.net/gh/walkxcode/dashboard-icons@master/png/home-assistant.png',\n label: 'Home Assistant',\n },\n {\n value: 'openmediavault',\n image: 'https://cdn.jsdelivr.net/gh/walkxcode/dashboard-icons@master/png/openmediavault.png',\n label: 'OpenMediaVault',\n },\n {\n value: 'proxmox',\n image: 'https://cdn.jsdelivr.net/gh/walkxcode/dashboard-icons@master/png/proxmox.png',\n label: 'Proxmox',\n },\n {\n value: 'tdarr',\n image: 'https://cdn.jsdelivr.net/gh/walkxcode/dashboard-icons/png/tdarr.png',\n label: 'Tdarr',\n }\n] as const satisfies Readonly\n {label} \n {description && (\n \n {description}\n \n )}\n
\n \n x.data.id)}\n onReorder={(order) => onChange(order.map((id) => value.find((v) => v.id === id)!))}\n as=\"div\"\n >\n {items.map(({ data }) => (\n \n {\n onChange(\n items.map((item) => {\n if (item.data.id === data.id) return data;\n return item.data;\n })\n );\n }}\n delete={() => {\n onChange(items.filter((item) => item.data.id !== data.id).map((item) => item.data));\n }}\n />\n \n ))}\n \n
\n);\n\nconst ListItem: FC<{\n item: any;\n label: string | JSX.Element;\n children: JSX.Element;\n}> = ({ item, label, children }) => {\n const [opened, handlers] = useDisclosure(false);\n const { classes, cx } = useStyles();\n const controls = useDragControls();\n\n // Workaround for mobile drag controls not working\n // https://github.com/framer/motion/issues/1597#issuecomment-1235026724\n const dragRef = useRef\n \n {children} \n \n
\n \n controls.start(e)}>\n \n\n handlers.toggle()}\n size={18}\n stroke={1.5}\n />\n
\n\n \n {label} \n
\n\n \n {\n if (selectionEnabled) open();\n }}\n variant=\"light\"\n leftIcon={
\n | {t('modal.table.header.city')} | \n{t('modal.table.header.country')} | \n{t('modal.table.header.coordinates')} | \n{t('modal.table.header.population')} | \n\n |
|---|---|---|---|---|
| \n | \n ||||
| \n | \n \n | \n \n | \n \n {city.population ? (\n | \n \n | \n
\n \n props.onChange(order.map((key) => props.value.find((v) => v.key === key)!))\n }\n as=\"div\"\n >\n {props.value.map((item) => (\n \n {props.children?.[item.key]}\n \n ))}\n \n
\n );\n};\n\nconst ListItem: FC<{\n item: IDraggableListInputValue['defaultValue'][number];\n label: string;\n children?: ReactNode;\n}> = (props) => {\n const { classes, cx } = useStyles();\n const controls = useDragControls();\n\n const [opened, handlers] = useDisclosure(false);\n const hasContent = props.children != null && Object.keys(props.children).length !== 0;\n\n // Workaround for mobile drag controls not working\n // https://github.com/framer/motion/issues/1597#issuecomment-1235026724\n const dragRef = useRef\n \n {props.children} \n \n )}\n
\n \n controls.start(e)}>\n \n\n handlers.toggle()}\n size={18}\n stroke={1.5}\n />\n )}\n
\n\n {hasContent && (\n \n {props.label} \n
\n\n {hasContent && (\n - \n
\n \n ({\n backgroundColor:\n theme.colorScheme === 'dark' ? theme.colors.dark[5] : theme.colors.gray[2],\n borderRadius: theme.radius.md,\n })}\n p={2}\n >\n \n {label} \n \n \n {humanFileSize(size, false)}\n \n {copyright && (\n \n © {copyright}\n \n )}\n \n \n \n
\n )\n);\n\ninterface ItemProps extends SelectItemProps {\n url: string;\n group: string;\n size: number;\n copyright: string | undefined;\n}\n\nconst useGetDashboardIcons = () =>\n api.icon.all.useQuery(undefined, {\n refetchOnMount: false,\n // Cache for infinity, refetch every so often.\n cacheTime: Infinity,\n staleTime: 1000 * 60 * 5, // 5 minutes\n refetchOnWindowFocus: false,\n });\n"
},
{
"path": "src/components/InfoCard/InfoCard.tsx",
"content": "import {\n DefaultMantineColor,\n HoverCard,\n HoverCardProps,\n SystemProp,\n useMantineTheme,\n} from '@mantine/core';\nimport { Link, RichTextEditor, RichTextEditorProps } from '@mantine/tiptap';\nimport { IconInfoCircle } from '@tabler/icons-react';\nimport { useEditor } from '@tiptap/react';\nimport StarterKit from '@tiptap/starter-kit';\nimport { useTranslation } from 'next-i18next';\n\ninterface InfoCardProps {\n bg?: SystemProp| \n | \n {t('table.header.name')} | \n {width > MIN_WIDTH_MOBILE ?{t('table.header.image')} | : null}\n {width > MIN_WIDTH_MOBILE ?{t('table.header.ports')} | : null}\n{t('table.header.state')} | \n
|---|
| {t('steps.finish.table.header.property')} | \n{t('steps.finish.table.header.value')} | \n
|---|---|
| \n | \n {values.account.username} | \n
| \n | \n \n {values.account.eMail ? (\n | \n
| \n | \n \n | \n
- \n
/data to a writeable location with\n enough disk space. For this, you must add the following mounting point to your docker\n compose: {' - /data:/data'} \n {stringifiedError}\n\n {errorMessage && {errorMessage}}\n \n Try not to make it adminadmin this time...\n
\n Note: these password requirements are not forced, they are just recommendations.\n
- \n
default.json to your local machine.\n docker rm homarr, where homarr indicates the name of\n your container\n docker run ... again, that you used to create the Homarr container.\n Note, that you need to add a new line:\n - \n
default.json to your local machine.\n docker-compose.yml for Homarr is\n located.\n docker compose down\n docker-compose.yml using text editor. Use Notepad or VSC on GUI\n based systems. Use nano or vim on terminal systems.\n docker compose up.\n /database too, if you run automatic backups.\n - \n
/data\n /mnt/user/appdata/homarr/data)\n /data\n - \n
| {t('credits.thirdPartyContentTable.dependencyName')} | \n{t('credits.thirdPartyContentTable.dependencyVersion')} | \n
|---|---|
| {key} | \n{attributes.dependencies[key]} | \n
| Name | \nTranslated | \nApproved | \nTarget | \nLanguages | \n
|---|
| \n | \n {t('popup.seasonSelector.table.header.season')} | \n{t('popup.seasonSelector.table.header.numberOfEpisodes')} | \n
|---|
| \n | \n \n {item.content}\n | \n
| {t('layout/modals/about:key')} | \n{t('layout/modals/about:action')} | \n
|---|
\n
\n | \n | \n ||
| \n | \n ||
| \n | \n \n | \n \n | \n
| {t('table.header.id')} | \n{t('table.header.creator')} | \n{t('table.header.expires')} | \n{t('table.header.action')} | \n
|---|---|---|---|
| \n | \n \n | \n \n {dayjs(dayjs()).isAfter(invite.expires) ? (\n | \n \n | \n
| \n | \n
\n We'll help you update within the next few steps\n
\n \n {country !== 'CROWDIN' && }\n {country === 'CROWDIN' && 
}\n \n
\n )\n);\n\nconst firstDayOfWeekOptions = ['monday', 'sunday', 'saturday'] as const;\n\nexport const getServerSideProps: GetServerSideProps = async ({ req, res, locale }) => {\n const session = await getServerAuthSession({ req, res });\n if (!session) {\n return {\n notFound: true,\n };\n }\n\n const helpers = await createTrpcServersideHelpers({ req, res });\n\n await helpers.user.withSettings.prefetch();\n await helpers.boards.all.prefetch();\n\n const translations = await getServerSideTranslations(['user/preferences'], locale, req, res);\n return {\n props: {\n ...translations,\n locale: locale,\n trpcState: helpers.dehydrate(),\n },\n };\n};\n\nexport default PreferencesPage;\n"
},
{
"path": "src/server/api/helper.ts",
"content": "import { createServerSideHelpers } from '@trpc/react-query/server';\nimport { CreateNextContextOptions } from '@trpc/server/adapters/next';\nimport { GetServerSidePropsContext } from 'next';\nimport superjson from 'superjson';\n\nimport { rootRouter } from './root';\nimport { createTRPCContext } from './trpc';\n\nexport const createTrpcServersideHelpers = async (\n props: Pick}\n \n {label} \n \n {description}\n \n
\n