codekingpro/portable-devtools

1import React from 'react';2import QueryToolSvg from '../../img/fonticon/query_tool.svg?svgr';3import ViewDataSvg from '../../img/fonticon/view_data.svg?svgr';4import SaveDataSvg from '../../img/fonticon/save_data_changes.svg?svgr';5import PasteSvg from '../../img/content_paste.svg?svgr';6import FilterSvg from '../../img/filter_alt_black.svg?svgr';7import ClearSvg from '../../img/cleaning_services_black.svg?svgr';8import CommitSvg from '../../img/fonticon/commit.svg?svgr';9import RollbackSvg from '../../img/fonticon/rollback.svg?svgr';10import ConnectedSvg from '../../img/fonticon/connected.svg?svgr';11import DisconnectedSvg from '../../img/fonticon/disconnected.svg?svgr';12import RegexSvg from '../../img/fonticon/regex.svg?svgr';13import FormatCaseSvg from '../../img/fonticon/format_case.svg?svgr';14import PropTypes from 'prop-types';15import Expand from '../../img/fonticon/open_in_full.svg?svgr';16import Collapse from '../../img/fonticon/close_fullscreen.svg?svgr';17import AWS from '../../img/aws.svg?svgr';18import BigAnimal from '../../img/biganimal.svg?svgr';19import Azure from '../../img/azure.svg?svgr';20import SQLFileSvg from '../../img/sql_file.svg?svgr';21import MagicSvg from '../../img/magic.svg?svgr';22import MsAzure from '../../img/ms_azure.svg?svgr';23import GoogleCloud from '../../img/google-cloud-1.svg?svgr';24import TerminalSvg from '../../img/terminal.svg?svgr';25import RowFilterSvg from '../../img/fonticon/row_filter.svg?svgr';26import SvgIcon from '@mui/material/SvgIcon';27 28export default function ExternalIcon({Icon, ...props}) {29  return <SvgIcon component={Icon} inheritViewBox {...props}/>;30}31 32ExternalIcon.propTypes = {33  Icon: PropTypes.elementType.isRequired,34};35 36export const QueryToolIcon = ({style})=><ExternalIcon Icon={QueryToolSvg} style={{height: '1rem', ...style}} data-label="QueryToolIcon" />;37QueryToolIcon.propTypes = {style: PropTypes.object};38 39export const ViewDataIcon = ({style})=><ExternalIcon Icon={ViewDataSvg} style={{height: '0.85rem', ...style}} data-label="ViewDataIcon" />;40ViewDataIcon.propTypes = {style: PropTypes.object};41 42export const SaveDataIcon = ({style})=><ExternalIcon Icon={SaveDataSvg} style={{height: '1rem', ...style}} data-label="SaveDataIcon" />;43SaveDataIcon.propTypes = {style: PropTypes.object};44 45export const PasteIcon = ({style})=><ExternalIcon Icon={PasteSvg} style={style} data-label="PasteIcon" />;46PasteIcon.propTypes = {style: PropTypes.object};47 48export const FilterIcon = ({style})=><ExternalIcon Icon={FilterSvg} style={style} data-label="FilterIcon" />;49FilterIcon.propTypes = {style: PropTypes.object};50 51export const CommitIcon = ({style})=><ExternalIcon Icon={CommitSvg} style={{height: '1.2rem', ...style}} data-label="CommitIcon" />;52CommitIcon.propTypes = {style: PropTypes.object};53 54export const RollbackIcon = ({style})=><ExternalIcon Icon={RollbackSvg} style={{height: '1.2rem', ...style}} data-label="RollbackIcon" />;55RollbackIcon.propTypes = {style: PropTypes.object};56 57export const ClearIcon = ({style})=><ExternalIcon Icon={ClearSvg} style={style} data-label="ClearIcon" />;58ClearIcon.propTypes = {style: PropTypes.object};59 60export const ConnectedIcon = ({style})=><ExternalIcon Icon={ConnectedSvg} style={{height: '1rem', ...style}} data-label="ConnectedIcon" />;61ConnectedIcon.propTypes = {style: PropTypes.object};62 63export const DisonnectedIcon = ({style})=><ExternalIcon Icon={DisconnectedSvg} style={{height: '1rem', ...style}} data-label="DisonnectedIcon" />;64DisonnectedIcon.propTypes = {style: PropTypes.object};65 66export const RegexIcon = ({style})=><ExternalIcon Icon={RegexSvg} style={style} data-label="RegexIcon" />;67RegexIcon.propTypes = {style: PropTypes.object};68 69export const FormatCaseIcon = ({style})=><ExternalIcon Icon={FormatCaseSvg} style={style} data-label="FormatCaseIcon" />;70FormatCaseIcon.propTypes = {style: PropTypes.object};71 72export const ExpandDialogIcon = ({style})=><ExternalIcon Icon={Expand} style={{height: '1.2rem', ...style}} data-label="ExpandDialogIcon" />;73ExpandDialogIcon.propTypes = {style: PropTypes.object};74 75export const MinimizeDialogIcon = ({style})=><ExternalIcon Icon={Collapse} style={{height: '1.4rem', ...style}} data-label="MinimizeDialogIcon" />;76MinimizeDialogIcon.propTypes = {style: PropTypes.object};77 78export const TerminalIcon = ({style})=><ExternalIcon Icon={TerminalSvg} style={{height: '0.9rem', ...style}} data-label="TerminalIcon" />;79TerminalIcon.propTypes = {style: PropTypes.object};80 81export const RowFilterIcon = ({style})=><ExternalIcon Icon={RowFilterSvg} style={{height: '1rem', ...style}} data-label="RowFilterIcon" />;82RowFilterIcon.propTypes = {style: PropTypes.object};83 84export const AWSIcon = ({style})=><ExternalIcon Icon={AWS} style={{height: '2.2rem',width: '3.2rem', ...style}} data-label="AWSIcon" />;85AWSIcon.propTypes = {style: PropTypes.object};86 87export const BigAnimalIcon = ({style})=><ExternalIcon Icon={BigAnimal} style={{height: '2.2rem',width: '3.2rem', ...style}} data-label="BigAnimalIcon" />;88BigAnimalIcon.propTypes = {style: PropTypes.object};89 90export const AzureIcon = ({style})=><ExternalIcon Icon={Azure} style={{height: '2.2rem', width: '3.2rem', ...style}} data-label="AzureIcon" />;91AzureIcon.propTypes = {style: PropTypes.object};92 93export const GoogleCloudIcon = ({style})=><ExternalIcon Icon={GoogleCloud} style={{height: '2.2rem', width: '3.2rem', ...style}} data-label="GoogleCloudIcon" />;94GoogleCloudIcon.propTypes = {style: PropTypes.object};95 96export const SQLFileIcon = ({style})=><ExternalIcon Icon={SQLFileSvg} style={{height: '1rem', ...style}} data-label="SQLFileIcon" />;97SQLFileIcon.propTypes = {style: PropTypes.object};98 99export const MagicIcon = ({style})=><ExternalIcon Icon={MagicSvg} style={{height: '1rem', ...style}} data-label="MagicIcon" />;100MagicIcon.propTypes = {style: PropTypes.object};101 102export const MSAzureIcon = ({style})=><ExternalIcon Icon={MsAzure} style={{height: '6rem', width: '7rem', ...style}} data-label="MSAzureIcon" />;103MSAzureIcon.propTypes = {style: PropTypes.object};104