Files
backstage/microsite-canon/app/page.tsx
T
Charles de Dreuille 4ec1ae6dc3 Move canon site outside packages
Signed-off-by: Charles de Dreuille <charles.dedreuille@gmail.com>
2024-12-30 07:07:08 +01:00

19 lines
606 B
TypeScript

'use client';
import { useSearchParams } from 'next/navigation';
import styles from './page.module.css';
export default function Home() {
const searchParams = useSearchParams();
const theme = searchParams.get('theme') === 'dark' ? 'Dark' : 'Light';
const chromaticId = '67584b7e8c2eb09c0422c27e-dmfbzicnkw';
const chromaticUrl = `https://${chromaticId}.chromatic.com/iframe.html`;
const iframeUrl = `${chromaticUrl}?globals=theme%3A${theme}&args=&id=components-button--primary`;
return (
<div className={styles.page}>
<iframe src={iframeUrl} id="canon-iframe" />
</div>
);
}