meienberger/runtipi
1
1
Fork 0
mirror of https://github.com/meienberger/runtipi.git synced 2024-09-11 20:17:23 +03:00
Code Issues Projects Releases Wiki Activity

chore(client): remove getUrl helper method

Browse Source
This commit is contained in:
Nicolas Meienberger 2023-10-08 14:36:24 +02:00 committed by Nicolas Meienberger
parent 1c3e34359f
commit 7fefd2ed49
7 changed files with 10 additions and 18 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
src/client/components/AppLogo/AppLogo.tsx
View File

@ -1,10 +1,9 @@
import clsx from 'clsx';
import React from 'react';
import { getUrl } from '../../core/helpers/url-helpers';
import styles from './AppLogo.module.scss';
export const AppLogo: React.FC<{ id?: string; size?: number; className?: string; alt?: string }> = ({ id, size = 80, className = '', alt = '' }) => {
const logoUrl = id ? `/api/app-image?id=${id}` : getUrl('placeholder.png');
const logoUrl = id ? `/api/app-image?id=${id}` : '/placeholder.png';
return (
<div aria-label={alt} className={clsx(styles.dropShadow, className)} style={{ width: size, height: size }}>

3
src/client/components/StatusScreen/StatusScreen.tsx
View File

@ -1,6 +1,5 @@
import Image from 'next/image';
import React from 'react';
import { getUrl } from '../../core/helpers/url-helpers';
import { Button } from '../ui/Button';
interface IProps {
@ -17,7 +16,7 @@ export const StatusScreen: React.FC<IProps> = ({ title, subtitle, onAction, acti
<Image
alt="Tipi log"
className="mb-3"
src={getUrl('tipi.png')}
src="/tipi.png"
height={50}
width={50}
style={{

3
src/client/components/ui/EmptyPage/EmptyPage.tsx
View File

@ -1,7 +1,6 @@
import clsx from 'clsx';
import Image from 'next/image';
import React from 'react';
import { getUrl } from '../../../core/helpers/url-helpers';
import { Button } from '../Button';
import styles from './EmptyPage.module.scss';
@ -15,7 +14,7 @@ interface IProps {
export const EmptyPage: React.FC<IProps> = ({ title, subtitle, onAction, actionLabel }) => (
<div data-testid="empty-page" className="card empty">
<Image
src={getUrl('empty.svg')}
src="/empty.svg"
alt="Empty box"
height="80"
width="80"

3
src/client/components/ui/ErrorPage/ErrorPage.tsx
View File

@ -2,7 +2,6 @@ import { IconRotateClockwise } from '@tabler/icons-react';
import clsx from 'clsx';
import Image from 'next/image';
import React from 'react';
import { getUrl } from '../../../core/helpers/url-helpers';
import { Button } from '../Button';
import styles from './ErrorPage.module.scss';
@ -15,7 +14,7 @@ interface IProps {
export const ErrorPage: React.FC<IProps> = ({ error, onRetry }) => (
<div data-testid="error-page" className="card empty">
<Image
src={getUrl('error.png')}
src="/error.png"
alt="Empty box"
height="100"
width="100"

3
src/client/components/ui/Header/Header.tsx
View File

@ -5,7 +5,6 @@ import clsx from 'clsx';
import Link from 'next/link';
import { Tooltip } from 'react-tooltip';
import { useTranslations } from 'next-intl';
import { getUrl } from '../../../core/helpers/url-helpers';
import { useUIStore } from '../../../state/uiStore';
import { NavBar } from '../NavBar';
@ -31,7 +30,7 @@ export const Header: React.FC<IProps> = ({ isUpdateAvailable }) => {
className={clsx('navbar-brand-image me-3')}
width={100}
height={100}
src={getUrl('tipi.png')}
src="/tipi.png"
style={{
width: '30px',
maxWidth: '30px',

1
src/client/core/helpers/url-helpers.ts
View File

@ -1 +0,0 @@
export const getUrl = (url: string) => `/${url}`;

12
src/pages/_document.tsx
View File

@ -1,8 +1,6 @@
import React from 'react';
import { Html, Head, Main, NextScript } from 'next/document';
import { getUrl } from '../client/core/helpers/url-helpers';
/**
* Next.js Document component
*
@ -16,11 +14,11 @@ export default function MyDocument() {
<link rel="preconnect" href="https://fonts.gstatic.com" crossOrigin="" />
<link rel="preconnect" href="https://cdn.jsdelivr.net" />
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600&display=swap" rel="stylesheet" />
<link rel="apple-touch-icon" sizes="180x180" href={getUrl('apple-touch-icon.png')} />
<link rel="icon" type="image/png" sizes="32x32" href={getUrl('favicon-32x32.png')} />
<link rel="icon" type="image/png" sizes="16x16" href={getUrl('favicon-16x16.png')} />
<link rel="manifest" href={getUrl('site.webmanifest')} />
<link rel="mask-icon" href={getUrl('safari-pinned-tab.svg')} color="#5bbad5" />
<link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png" />
<link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png" />
<link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png" />
<link rel="manifest" href="/site.webmanifest" />
<link rel="mask-icon" href="/safari-pinned-tab.svg" color="#5bbad5" />
<script src="https://cdn.jsdelivr.net/npm/@tabler/core@latest/dist/js/tabler.min.js" async />
<meta name="msapplication-TileColor" content="#da532c" />
<meta name="theme-color" content="#ffffff" />