17c71b886e
* Use react for settings popup * Update options * Update styling * Remove unused type conversions * Remove unused controls function * Update project structure * Delete unused code * Legacy ui components * Refactor files * Update styling * Update UI components * Remove unused code * Remove unused code * Improve theming * Update icon color * Improve custom domains * Update extension * Add delete functionalty for custom domains * Improve icon sizes on screen * Implement icon bindings dialog * Minor improvements * Add tooltips * Support lookup of language ids in manifest * Implement watch mode for development purposes * Improve language id binding customization * Adjust node script * Improve reset functionality * Adjust node script * Minor improvements * Update binding controls with icons * Organize imports * Update error message * Adjust icon binding dialog * Add Info Popover * Update autocomplete behavior * Fix image issue * Minor improvements * Clean up code * Make appbar sticky * Improve project structure * Update info text * Adjust styling * Update styling * Improve adding new bindings * Adjust tsconfig * Support switch of themes for the icon preview * Update watch script * Improve error handling * Move build languages step before build src
35 lines
864 B
TypeScript
35 lines
864 B
TypeScript
import WarningIcon from '@mui/icons-material/Warning';
|
|
import { useTheme } from '@mui/material';
|
|
import { CSSProperties } from 'react';
|
|
|
|
export function NotSupported() {
|
|
const theme = useTheme();
|
|
|
|
const containerStyles: CSSProperties = {
|
|
display: 'flex',
|
|
flexDirection: 'column',
|
|
justifyContent: 'center',
|
|
alignItems: 'center',
|
|
textAlign: 'center',
|
|
width: '100%',
|
|
padding: '2rem',
|
|
boxSizing: 'border-box',
|
|
fontSize: '1rem',
|
|
lineHeight: '1.5',
|
|
};
|
|
|
|
return (
|
|
<div className='not-supported' style={containerStyles}>
|
|
<WarningIcon
|
|
style={{ fontSize: '2rem', color: theme.palette.warning.main }}
|
|
/>
|
|
|
|
<h3>Not Supported</h3>
|
|
<p style={{ margin: 0 }}>
|
|
This page is not supported by the extension. You can still use the
|
|
extension on other pages.
|
|
</p>
|
|
</div>
|
|
);
|
|
}
|