Show preview CG while GSX is loading

This commit is contained in:
2025-09-05 19:21:01 +02:00
parent 1c7caf986a
commit 95637c9f7f
7 changed files with 121 additions and 85 deletions
@@ -20,6 +20,7 @@ interface ProfileProps {
CGs: [string, boolean, string, boolean];
unit: string;
inPreview: boolean;
done: boolean;
}
const Profile: FC<ProfileProps> = ({
@@ -40,10 +41,12 @@ const Profile: FC<ProfileProps> = ({
CGs,
unit,
inPreview,
done,
}) => {
const previewClass = inPreview ? styles['fill-neutral-500'] : undefined;
const ZFWCGClass = CGs[1] ? styles['fill-red-500'] : previewClass;
const TOCGClass = CGs[3] ? styles['fill-red-500'] : previewClass;
const doneClass = done ? undefined : styles['fill-neutral-500'];
const ZFWCGClass = CGs[1] ? styles['fill-red-500'] : doneClass;
const TOCGClass = CGs[3] ? styles['fill-red-500'] : doneClass;
return (
<svg viewBox="0 0 4002 780" version="1.1" xmlns="http://www.w3.org/2000/svg" className="mb-4">
@@ -113,17 +116,17 @@ const Profile: FC<ProfileProps> = ({
</text>
<text style={{ fill: 'white', fontSize: '160px' }} x="1730.4194" y="142.15625">
ZFWCG:
</text>
<text style={{ fill: 'white', fontSize: '160px' }} x="2540.771" y="142.15625">
<tspan className={ZFWCGClass}>{CGs[0]}</tspan>
</text>
<text style={{ fill: 'white', fontSize: '160px' }} x="1730.4194" y="288.875">
TOCG:
</text>
<text style={{ fill: 'white', fontSize: '160px' }} x="2540.771" y="288.875">
<text style={{ fill: 'white', fontSize: '160px' }} x="2540.771" y="142.15625">
<tspan className={TOCGClass}>{CGs[2]}</tspan>
</text>
<text style={{ fill: 'white', fontSize: '160px' }} x="1730.4194" y="288.875">
ZFWCG:
</text>
<text style={{ fill: 'white', fontSize: '160px' }} x="2540.771" y="288.875">
<tspan className={ZFWCGClass}>{CGs[0]}</tspan>
</text>
<path
style={{