mirror of
https://github.com/luxfi/explore.git
synced 2026-09-24 00:28:18 +00:00
tom goriunovandGitHub
aabd8c4bd0
* add decoration for external library warning * add decoration for same name warning * formatted tooltip text * show source code even if contract is not verified * add support for remappings context in file import resolution * library warning decoration styles * external libraries popover * disable contract name warning for a while * add tab to contract page link * change api host for preview * add main file indicator * change button styles and update screenshots * change isNeedProxy for passing pw tests * rollback review env changes
23 lines
554 B
TypeScript
23 lines
554 B
TypeScript
import { Center, chakra } from '@chakra-ui/react';
|
|
import React from 'react';
|
|
|
|
import ContentLoader from 'ui/shared/ContentLoader';
|
|
|
|
import useThemeColors from './utils/useThemeColors';
|
|
|
|
interface Props {
|
|
className?: string;
|
|
}
|
|
|
|
const CodeEditorLoading = ({ className }: Props) => {
|
|
const themeColors = useThemeColors();
|
|
|
|
return (
|
|
<Center bgColor={ themeColors['editor.background'] } w="100%" h="100%" overflow="hidden" className={ className }>
|
|
<ContentLoader/>
|
|
</Center>
|
|
);
|
|
};
|
|
|
|
export default React.memo(chakra(CodeEditorLoading));
|