refactor: project info design review

This commit is contained in:
Carlos Valente
2025-02-27 21:56:25 +01:00
committed by Carlos Valente
parent 8adca908b3
commit 9167a50eda
15 changed files with 85 additions and 15 deletions
@@ -2,6 +2,7 @@ import { useSearchParams } from 'react-router-dom';
import { ProjectData } from 'ontime-types';
import { isStringBoolean } from '../../../features/viewers/common/viewUtils';
import { useTranslation } from '../../../translation/TranslationProvider';
interface PublicInfoProps {
general: ProjectData;
@@ -10,6 +11,7 @@ interface PublicInfoProps {
export default function PublicInfo(props: PublicInfoProps) {
const { general } = props;
const [searchParams] = useSearchParams();
const { getLocalizedString } = useTranslation();
const showPublic = isStringBoolean(searchParams.get('showPublic'));
@@ -21,13 +23,13 @@ export default function PublicInfo(props: PublicInfoProps) {
<>
{general.publicInfo && (
<>
<div className='info__label'>Public info</div>
<div className='info__label'>{getLocalizedString('project.public_info')}</div>
<div className='info__value'>{general.publicInfo}</div>
</>
)}
{general.publicUrl && (
<>
<div className='info__label'>Public URL</div>
<div className='info__label'>{getLocalizedString('project.public_url')}</div>
<a href={general.publicUrl} target='_blank' rel='noreferrer' className='info__value'>
{general.publicUrl}
</a>