git.iko.soy/bridge
on ea25a45 help sign in
bridge/src/components/BrowserWarning.tsx
27 lines 605 B history raw
1import React from 'react';
2import { Box } from '@tlon/indigo-react';
3import styled from 'styled-components';
5const WarningBox = styled(Box)`
6 background: #fff4e5;
7 color: #663c00;
8 border: 1px solid #ffb74d;
9 padding: 0.75rem 1rem;
10 text-align: center;
11 font-weight: 600;
12 margin-bottom: 1rem;
13`;
15interface Props {
16 show: boolean;
18export const BrowserWarning: React.FC<Props> = ({ show }) => {
19 if (!show) return null;
20 return (
21 <WarningBox role="alert">
22 For the best experience we recommend using a Chromium‑based browser
23 (Chrome, Brave, etc.).
24 </WarningBox>
25 );
26};