feat: Vite 8 (#2018)

* chore: upgrade vite

* fix: inconsistentCjsInterop for ReactQR

* chore: e2e tests should use relativve path and get host from playwright config

* refactor: drop qr code dependency

---------

Co-authored-by: alex-Arc <omnivox@LAPTOP-RC5SNBVV.localdomain>
This commit is contained in:
Alex Christoffer Rasmussen
2026-03-24 09:11:57 +01:00
committed by GitHub
parent 4662cc8a26
commit cf206e6220
22 changed files with 560 additions and 117 deletions
@@ -179,12 +179,6 @@
flex: 1;
}
&__qr {
padding: 0.5rem;
background-color: $ui-white;
border-radius: 2px;
}
&__img {
padding: 0.5rem;
border-radius: 2px;
@@ -2,9 +2,9 @@ import { useViewportSize } from '@mantine/hooks';
import { OntimeView, ProjectData } from 'ontime-types';
import { millisToString, removeLeadingZero } from 'ontime-utils';
import { useEffect, useMemo, useState } from 'react';
import QRCode from 'react-qr-code';
import ProgressBar from '../../common/components/progress-bar/ProgressBar';
import QRCode from '../../common/components/qr-code/QrCode';
import Empty from '../../common/components/state/Empty';
import EmptyPage from '../../common/components/state/EmptyPage';
import TitleCard from '../../common/components/title-card/TitleCard';
@@ -171,7 +171,7 @@ function Backstage({ events, customFields, projectData, isMirrored, settings }:
<div className={cx(['info', !showSchedule && 'info--stretch'])}>
{extraInfo && <ExtraInfo projectData={projectData} size={qrSize} source={extraInfo} />}
<div className='info-card'>
{projectData.url && <QRCode value={projectData.url} size={qrSize} level='L' className='info-card__qr' />}
{projectData.url && <QRCode value={projectData.url} size={qrSize} />}
{projectData.info && <div className='info-card__message'>{projectData.info}</div>}
</div>
</div>