From 1ad36f159e4db69fe5f2afa173dfaf23fed2867f Mon Sep 17 00:00:00 2001 From: Will Tsai <28876888+willtsai@users.noreply.github.com> Date: Thu, 8 Feb 2024 16:45:09 -0800 Subject: [PATCH 1/3] update menu sidebar to use official Radius icons Signed-off-by: Will Tsai <28876888+willtsai@users.noreply.github.com> --- packages/app/src/components/Root/Root.tsx | 32 +++++--- .../applications/ApplicationIcon.test.tsx | 26 +++++++ .../applications/ApplicationIcon.tsx | 49 ++++++++++++ .../environments/EnvironmentIcon.test.tsx | 26 +++++++ .../environments/EnvironmentIcon.tsx | 31 ++++++++ .../logo/RadiusLogomarkReverse.test.tsx | 26 +++++++ .../components/logo/RadiusLogomarkReverse.tsx | 28 +++++++ .../components/recipes/RecipeIcon.test.tsx | 26 +++++++ .../src/components/recipes/RecipeIcon.tsx | 75 +++++++++++++++++++ .../resources/ResourceIcon.test.tsx | 26 +++++++ .../src/components/resources/ResourceIcon.tsx | 27 +++++++ plugins/plugin-radius/src/index.ts | 5 ++ 12 files changed, 366 insertions(+), 11 deletions(-) create mode 100644 plugins/plugin-radius/src/components/applications/ApplicationIcon.test.tsx create mode 100644 plugins/plugin-radius/src/components/applications/ApplicationIcon.tsx create mode 100644 plugins/plugin-radius/src/components/environments/EnvironmentIcon.test.tsx create mode 100644 plugins/plugin-radius/src/components/environments/EnvironmentIcon.tsx create mode 100644 plugins/plugin-radius/src/components/logo/RadiusLogomarkReverse.test.tsx create mode 100644 plugins/plugin-radius/src/components/logo/RadiusLogomarkReverse.tsx create mode 100644 plugins/plugin-radius/src/components/recipes/RecipeIcon.test.tsx create mode 100644 plugins/plugin-radius/src/components/recipes/RecipeIcon.tsx create mode 100644 plugins/plugin-radius/src/components/resources/ResourceIcon.test.tsx create mode 100644 plugins/plugin-radius/src/components/resources/ResourceIcon.tsx diff --git a/packages/app/src/components/Root/Root.tsx b/packages/app/src/components/Root/Root.tsx index 430a486..4fbbb70 100644 --- a/packages/app/src/components/Root/Root.tsx +++ b/packages/app/src/components/Root/Root.tsx @@ -1,10 +1,5 @@ import React, { PropsWithChildren } from 'react'; import { makeStyles } from '@material-ui/core'; -import HomeIcon from '@material-ui/icons/Home'; -import PublicIcon from '@material-ui/icons/Public'; -import ListAltIcon from '@material-ui/icons/ListAlt'; -import AssessmentIcon from '@material-ui/icons/Assessment'; -import RestaurantIcon from '@material-ui/icons/Restaurant'; import { Settings as SidebarSettings, UserSettingsSignInAvatar, @@ -22,7 +17,14 @@ import { Link, } from '@backstage/core-components'; import MenuIcon from '@material-ui/icons/Menu'; -import { RadiusLogo } from '@internal/plugin-radius'; +import { + RadiusLogo, + RadiusLogomarkReverse, + ApplicationIcon, + EnvironmentIcon, + ResourceIcon, + RecipeIcon, +} from '@internal/plugin-radius'; const useSidebarLogoStyles = makeStyles({ root: { @@ -67,11 +69,19 @@ export const Root = ({ children }: PropsWithChildren>) => ( }> {/* Global nav, not org-specific */} - - - - - + + + + + {/* End global nav */} diff --git a/plugins/plugin-radius/src/components/applications/ApplicationIcon.test.tsx b/plugins/plugin-radius/src/components/applications/ApplicationIcon.test.tsx new file mode 100644 index 0000000..d9678fa --- /dev/null +++ b/plugins/plugin-radius/src/components/applications/ApplicationIcon.test.tsx @@ -0,0 +1,26 @@ +import React from 'react'; +import ApplicationIcon from './ApplicationIcon'; +import { render } from '@testing-library/react'; + +describe('ApplicationIcon', () => { + it('should render the full logo by default', () => { + const result = render(); + const svg = result.baseElement.querySelector('svg'); + expect(svg).toBeInTheDocument(); + expect(svg).toHaveAttribute('viewBox', '0 0 1080 1080'); + }); + + it('should render the full logo when asked', () => { + const result = render(); + const svg = result.baseElement.querySelector('svg'); + expect(svg).toBeInTheDocument(); + expect(svg).toHaveAttribute('viewBox', '0 0 1080 1080'); + }); + + it('should render the square logo when asked', () => { + const result = render(); + const svg = result.baseElement.querySelector('svg'); + expect(svg).toBeInTheDocument(); + expect(svg).toHaveAttribute('viewBox', '0 0 1080 1080'); + }); +}); diff --git a/plugins/plugin-radius/src/components/applications/ApplicationIcon.tsx b/plugins/plugin-radius/src/components/applications/ApplicationIcon.tsx new file mode 100644 index 0000000..83b39e0 --- /dev/null +++ b/plugins/plugin-radius/src/components/applications/ApplicationIcon.tsx @@ -0,0 +1,49 @@ +import React from 'react'; +import { SvgIcon, SvgIconProps } from '@material-ui/core'; + +export const ApplicationIcon = ( + props: SvgIconProps & { shape?: 'full' | 'square' }, +) => { + const originalWidth = 1080; + const originalHeight = 1080; + + return ( + + + + + + + + + + + ); +}; + +export default ApplicationIcon; diff --git a/plugins/plugin-radius/src/components/environments/EnvironmentIcon.test.tsx b/plugins/plugin-radius/src/components/environments/EnvironmentIcon.test.tsx new file mode 100644 index 0000000..3945946 --- /dev/null +++ b/plugins/plugin-radius/src/components/environments/EnvironmentIcon.test.tsx @@ -0,0 +1,26 @@ +import React from 'react'; +import EnvironmentIcon from './EnvironmentIcon'; +import { render } from '@testing-library/react'; + +describe('EnvironmentIcon', () => { + it('should render the full logo by default', () => { + const result = render(); + const svg = result.baseElement.querySelector('svg'); + expect(svg).toBeInTheDocument(); + expect(svg).toHaveAttribute('viewBox', '0 0 1080 1080'); + }); + + it('should render the full logo when asked', () => { + const result = render(); + const svg = result.baseElement.querySelector('svg'); + expect(svg).toBeInTheDocument(); + expect(svg).toHaveAttribute('viewBox', '0 0 1080 1080'); + }); + + it('should render the square logo when asked', () => { + const result = render(); + const svg = result.baseElement.querySelector('svg'); + expect(svg).toBeInTheDocument(); + expect(svg).toHaveAttribute('viewBox', '0 0 1080 1080'); + }); +}); diff --git a/plugins/plugin-radius/src/components/environments/EnvironmentIcon.tsx b/plugins/plugin-radius/src/components/environments/EnvironmentIcon.tsx new file mode 100644 index 0000000..f896abb --- /dev/null +++ b/plugins/plugin-radius/src/components/environments/EnvironmentIcon.tsx @@ -0,0 +1,31 @@ +import React from 'react'; +import { SvgIcon, SvgIconProps } from '@material-ui/core'; + +export const EnvironmentIcon = ( + props: SvgIconProps & { shape?: 'full' | 'square' }, +) => { + const originalWidth = 1080; + const originalHeight = 1080; + + return ( + + + + + ); +}; + +export default EnvironmentIcon; diff --git a/plugins/plugin-radius/src/components/logo/RadiusLogomarkReverse.test.tsx b/plugins/plugin-radius/src/components/logo/RadiusLogomarkReverse.test.tsx new file mode 100644 index 0000000..794d7aa --- /dev/null +++ b/plugins/plugin-radius/src/components/logo/RadiusLogomarkReverse.test.tsx @@ -0,0 +1,26 @@ +import React from 'react'; +import RadiusLogomarkReverse from './RadiusLogomarkReverse'; +import { render } from '@testing-library/react'; + +describe('RadiusLogomarkReverse', () => { + it('should render the full logo by default', () => { + const result = render(); + const svg = result.baseElement.querySelector('svg'); + expect(svg).toBeInTheDocument(); + expect(svg).toHaveAttribute('viewBox', '0 0 903.71 903.71'); + }); + + it('should render the full logo when asked', () => { + const result = render(); + const svg = result.baseElement.querySelector('svg'); + expect(svg).toBeInTheDocument(); + expect(svg).toHaveAttribute('viewBox', '0 0 903.71 903.71'); + }); + + it('should render the square logo when asked', () => { + const result = render(); + const svg = result.baseElement.querySelector('svg'); + expect(svg).toBeInTheDocument(); + expect(svg).toHaveAttribute('viewBox', '0 0 903.71 903.71'); + }); +}); diff --git a/plugins/plugin-radius/src/components/logo/RadiusLogomarkReverse.tsx b/plugins/plugin-radius/src/components/logo/RadiusLogomarkReverse.tsx new file mode 100644 index 0000000..840ac3e --- /dev/null +++ b/plugins/plugin-radius/src/components/logo/RadiusLogomarkReverse.tsx @@ -0,0 +1,28 @@ +import React from 'react'; +import { SvgIcon, SvgIconProps } from '@material-ui/core'; + +export const RadiusLogomarkReverse = ( + props: SvgIconProps & { shape?: 'full' | 'square' }, +) => { + const originalWidth = 903.71; + const originalHeight = 903.71; + + return ( + + + + + ); +}; + +export default RadiusLogomarkReverse; diff --git a/plugins/plugin-radius/src/components/recipes/RecipeIcon.test.tsx b/plugins/plugin-radius/src/components/recipes/RecipeIcon.test.tsx new file mode 100644 index 0000000..9749861 --- /dev/null +++ b/plugins/plugin-radius/src/components/recipes/RecipeIcon.test.tsx @@ -0,0 +1,26 @@ +import React from 'react'; +import RecipeIcon from './RecipeIcon'; +import { render } from '@testing-library/react'; + +describe('RecipeIcon', () => { + it('should render the full logo by default', () => { + const result = render(); + const svg = result.baseElement.querySelector('svg'); + expect(svg).toBeInTheDocument(); + expect(svg).toHaveAttribute('viewBox', '0 0 1080 1080'); + }); + + it('should render the full logo when asked', () => { + const result = render(); + const svg = result.baseElement.querySelector('svg'); + expect(svg).toBeInTheDocument(); + expect(svg).toHaveAttribute('viewBox', '0 0 1080 1080'); + }); + + it('should render the square logo when asked', () => { + const result = render(); + const svg = result.baseElement.querySelector('svg'); + expect(svg).toBeInTheDocument(); + expect(svg).toHaveAttribute('viewBox', '0 0 1080 1080'); + }); +}); diff --git a/plugins/plugin-radius/src/components/recipes/RecipeIcon.tsx b/plugins/plugin-radius/src/components/recipes/RecipeIcon.tsx new file mode 100644 index 0000000..e940134 --- /dev/null +++ b/plugins/plugin-radius/src/components/recipes/RecipeIcon.tsx @@ -0,0 +1,75 @@ +import React from 'react'; +import { SvgIcon, SvgIconProps } from '@material-ui/core'; + +export const RecipeIcon = ( + props: SvgIconProps & { shape?: 'full' | 'square' }, +) => { + const originalWidth = 1080; + const originalHeight = 1080; + + return ( + + + + + + + + + + + + + + + + + + + + + + ); +}; + +export default RecipeIcon; diff --git a/plugins/plugin-radius/src/components/resources/ResourceIcon.test.tsx b/plugins/plugin-radius/src/components/resources/ResourceIcon.test.tsx new file mode 100644 index 0000000..ebcefa1 --- /dev/null +++ b/plugins/plugin-radius/src/components/resources/ResourceIcon.test.tsx @@ -0,0 +1,26 @@ +import React from 'react'; +import ResourceIcon from './ResourceIcon'; +import { render } from '@testing-library/react'; + +describe('ResourceIcon', () => { + it('should render the full logo by default', () => { + const result = render(); + const svg = result.baseElement.querySelector('svg'); + expect(svg).toBeInTheDocument(); + expect(svg).toHaveAttribute('viewBox', '0 0 1080 1080'); + }); + + it('should render the full logo when asked', () => { + const result = render(); + const svg = result.baseElement.querySelector('svg'); + expect(svg).toBeInTheDocument(); + expect(svg).toHaveAttribute('viewBox', '0 0 1080 1080'); + }); + + it('should render the square logo when asked', () => { + const result = render(); + const svg = result.baseElement.querySelector('svg'); + expect(svg).toBeInTheDocument(); + expect(svg).toHaveAttribute('viewBox', '0 0 1080 1080'); + }); +}); diff --git a/plugins/plugin-radius/src/components/resources/ResourceIcon.tsx b/plugins/plugin-radius/src/components/resources/ResourceIcon.tsx new file mode 100644 index 0000000..5836c20 --- /dev/null +++ b/plugins/plugin-radius/src/components/resources/ResourceIcon.tsx @@ -0,0 +1,27 @@ +import React from 'react'; +import { SvgIcon, SvgIconProps } from '@material-ui/core'; + +export const ResourceIcon = ( + props: SvgIconProps & { shape?: 'full' | 'square' }, +) => { + const originalWidth = 1080; + const originalHeight = 1080; + + return ( + + + + ); +}; + +export default ResourceIcon; diff --git a/plugins/plugin-radius/src/index.ts b/plugins/plugin-radius/src/index.ts index 77e9aff..2199de0 100644 --- a/plugins/plugin-radius/src/index.ts +++ b/plugins/plugin-radius/src/index.ts @@ -15,5 +15,10 @@ export { resourcePageRouteRef, } from './routes'; export { RadiusLogo } from './components/logo/RadiusLogo'; +export { RadiusLogomarkReverse } from './components/logo/RadiusLogomarkReverse'; +export { ApplicationIcon } from './components/applications/ApplicationIcon'; +export { EnvironmentIcon } from './components/environments/EnvironmentIcon'; +export { ResourceIcon } from './components/resources/ResourceIcon'; +export { RecipeIcon } from './components/recipes/RecipeIcon'; export { ApplicationListInfoCard } from './components/applications/ApplicationListInfoCard'; export { EnvironmentListInfoCard } from './components/environments/EnvironmentListInfoCard'; From 04073145fcb1b749fcf3086f6a6b7d2853e50f26 Mon Sep 17 00:00:00 2001 From: Will Tsai <28876888+willtsai@users.noreply.github.com> Date: Thu, 22 Feb 2024 15:39:32 -0800 Subject: [PATCH 2/3] remove .shape property Signed-off-by: Will Tsai <28876888+willtsai@users.noreply.github.com> --- .../applications/ApplicationIcon.test.tsx | 14 -------------- .../applications/ApplicationIcon.tsx | 13 ++----------- .../environments/EnvironmentIcon.test.tsx | 14 -------------- .../environments/EnvironmentIcon.tsx | 13 ++----------- .../logo/RadiusLogomarkReverse.test.tsx | 16 +--------------- .../components/logo/RadiusLogomarkReverse.tsx | 19 +++++-------------- .../components/recipes/RecipeIcon.test.tsx | 14 -------------- .../src/components/recipes/RecipeIcon.tsx | 13 ++----------- .../resources/ResourceIcon.test.tsx | 14 -------------- .../src/components/resources/ResourceIcon.tsx | 13 ++----------- 10 files changed, 14 insertions(+), 129 deletions(-) diff --git a/plugins/plugin-radius/src/components/applications/ApplicationIcon.test.tsx b/plugins/plugin-radius/src/components/applications/ApplicationIcon.test.tsx index d9678fa..2acd5c7 100644 --- a/plugins/plugin-radius/src/components/applications/ApplicationIcon.test.tsx +++ b/plugins/plugin-radius/src/components/applications/ApplicationIcon.test.tsx @@ -9,18 +9,4 @@ describe('ApplicationIcon', () => { expect(svg).toBeInTheDocument(); expect(svg).toHaveAttribute('viewBox', '0 0 1080 1080'); }); - - it('should render the full logo when asked', () => { - const result = render(); - const svg = result.baseElement.querySelector('svg'); - expect(svg).toBeInTheDocument(); - expect(svg).toHaveAttribute('viewBox', '0 0 1080 1080'); - }); - - it('should render the square logo when asked', () => { - const result = render(); - const svg = result.baseElement.querySelector('svg'); - expect(svg).toBeInTheDocument(); - expect(svg).toHaveAttribute('viewBox', '0 0 1080 1080'); - }); }); diff --git a/plugins/plugin-radius/src/components/applications/ApplicationIcon.tsx b/plugins/plugin-radius/src/components/applications/ApplicationIcon.tsx index 83b39e0..f36cef7 100644 --- a/plugins/plugin-radius/src/components/applications/ApplicationIcon.tsx +++ b/plugins/plugin-radius/src/components/applications/ApplicationIcon.tsx @@ -1,21 +1,12 @@ import React from 'react'; import { SvgIcon, SvgIconProps } from '@material-ui/core'; -export const ApplicationIcon = ( - props: SvgIconProps & { shape?: 'full' | 'square' }, -) => { +export const ApplicationIcon = () => { const originalWidth = 1080; const originalHeight = 1080; return ( - + { expect(svg).toBeInTheDocument(); expect(svg).toHaveAttribute('viewBox', '0 0 1080 1080'); }); - - it('should render the full logo when asked', () => { - const result = render(); - const svg = result.baseElement.querySelector('svg'); - expect(svg).toBeInTheDocument(); - expect(svg).toHaveAttribute('viewBox', '0 0 1080 1080'); - }); - - it('should render the square logo when asked', () => { - const result = render(); - const svg = result.baseElement.querySelector('svg'); - expect(svg).toBeInTheDocument(); - expect(svg).toHaveAttribute('viewBox', '0 0 1080 1080'); - }); }); diff --git a/plugins/plugin-radius/src/components/environments/EnvironmentIcon.tsx b/plugins/plugin-radius/src/components/environments/EnvironmentIcon.tsx index f896abb..601ce4d 100644 --- a/plugins/plugin-radius/src/components/environments/EnvironmentIcon.tsx +++ b/plugins/plugin-radius/src/components/environments/EnvironmentIcon.tsx @@ -1,21 +1,12 @@ import React from 'react'; import { SvgIcon, SvgIconProps } from '@material-ui/core'; -export const EnvironmentIcon = ( - props: SvgIconProps & { shape?: 'full' | 'square' }, -) => { +export const EnvironmentIcon = () => { const originalWidth = 1080; const originalHeight = 1080; return ( - + { const result = render(); const svg = result.baseElement.querySelector('svg'); expect(svg).toBeInTheDocument(); - expect(svg).toHaveAttribute('viewBox', '0 0 903.71 903.71'); - }); - - it('should render the full logo when asked', () => { - const result = render(); - const svg = result.baseElement.querySelector('svg'); - expect(svg).toBeInTheDocument(); - expect(svg).toHaveAttribute('viewBox', '0 0 903.71 903.71'); - }); - - it('should render the square logo when asked', () => { - const result = render(); - const svg = result.baseElement.querySelector('svg'); - expect(svg).toBeInTheDocument(); - expect(svg).toHaveAttribute('viewBox', '0 0 903.71 903.71'); + expect(svg).toHaveAttribute('viewBox', '175 175 550 550'); }); }); diff --git a/plugins/plugin-radius/src/components/logo/RadiusLogomarkReverse.tsx b/plugins/plugin-radius/src/components/logo/RadiusLogomarkReverse.tsx index 840ac3e..7f6b5ae 100644 --- a/plugins/plugin-radius/src/components/logo/RadiusLogomarkReverse.tsx +++ b/plugins/plugin-radius/src/components/logo/RadiusLogomarkReverse.tsx @@ -1,26 +1,17 @@ import React from 'react'; import { SvgIcon, SvgIconProps } from '@material-ui/core'; -export const RadiusLogomarkReverse = ( - props: SvgIconProps & { shape?: 'full' | 'square' }, -) => { - const originalWidth = 903.71; - const originalHeight = 903.71; +export const RadiusLogomarkReverse = () => { + const originalWidth = 550; + const originalHeight = 550; return ( - + - + ); }; diff --git a/plugins/plugin-radius/src/components/recipes/RecipeIcon.test.tsx b/plugins/plugin-radius/src/components/recipes/RecipeIcon.test.tsx index 9749861..f7c2cd3 100644 --- a/plugins/plugin-radius/src/components/recipes/RecipeIcon.test.tsx +++ b/plugins/plugin-radius/src/components/recipes/RecipeIcon.test.tsx @@ -9,18 +9,4 @@ describe('RecipeIcon', () => { expect(svg).toBeInTheDocument(); expect(svg).toHaveAttribute('viewBox', '0 0 1080 1080'); }); - - it('should render the full logo when asked', () => { - const result = render(); - const svg = result.baseElement.querySelector('svg'); - expect(svg).toBeInTheDocument(); - expect(svg).toHaveAttribute('viewBox', '0 0 1080 1080'); - }); - - it('should render the square logo when asked', () => { - const result = render(); - const svg = result.baseElement.querySelector('svg'); - expect(svg).toBeInTheDocument(); - expect(svg).toHaveAttribute('viewBox', '0 0 1080 1080'); - }); }); diff --git a/plugins/plugin-radius/src/components/recipes/RecipeIcon.tsx b/plugins/plugin-radius/src/components/recipes/RecipeIcon.tsx index e940134..fefe34a 100644 --- a/plugins/plugin-radius/src/components/recipes/RecipeIcon.tsx +++ b/plugins/plugin-radius/src/components/recipes/RecipeIcon.tsx @@ -1,21 +1,12 @@ import React from 'react'; import { SvgIcon, SvgIconProps } from '@material-ui/core'; -export const RecipeIcon = ( - props: SvgIconProps & { shape?: 'full' | 'square' }, -) => { +export const RecipeIcon = () => { const originalWidth = 1080; const originalHeight = 1080; return ( - + { expect(svg).toBeInTheDocument(); expect(svg).toHaveAttribute('viewBox', '0 0 1080 1080'); }); - - it('should render the full logo when asked', () => { - const result = render(); - const svg = result.baseElement.querySelector('svg'); - expect(svg).toBeInTheDocument(); - expect(svg).toHaveAttribute('viewBox', '0 0 1080 1080'); - }); - - it('should render the square logo when asked', () => { - const result = render(); - const svg = result.baseElement.querySelector('svg'); - expect(svg).toBeInTheDocument(); - expect(svg).toHaveAttribute('viewBox', '0 0 1080 1080'); - }); }); diff --git a/plugins/plugin-radius/src/components/resources/ResourceIcon.tsx b/plugins/plugin-radius/src/components/resources/ResourceIcon.tsx index 5836c20..22d95e0 100644 --- a/plugins/plugin-radius/src/components/resources/ResourceIcon.tsx +++ b/plugins/plugin-radius/src/components/resources/ResourceIcon.tsx @@ -1,21 +1,12 @@ import React from 'react'; import { SvgIcon, SvgIconProps } from '@material-ui/core'; -export const ResourceIcon = ( - props: SvgIconProps & { shape?: 'full' | 'square' }, -) => { +export const ResourceIcon = () => { const originalWidth = 1080; const originalHeight = 1080; return ( - + Date: Thu, 22 Feb 2024 15:46:36 -0800 Subject: [PATCH 3/3] remove unused imports Signed-off-by: Will Tsai <28876888+willtsai@users.noreply.github.com> --- .../src/components/applications/ApplicationIcon.tsx | 2 +- .../src/components/environments/EnvironmentIcon.tsx | 2 +- .../plugin-radius/src/components/logo/RadiusLogomarkReverse.tsx | 2 +- plugins/plugin-radius/src/components/recipes/RecipeIcon.tsx | 2 +- plugins/plugin-radius/src/components/resources/ResourceIcon.tsx | 2 +- 5 files changed, 5 insertions(+), 5 deletions(-) diff --git a/plugins/plugin-radius/src/components/applications/ApplicationIcon.tsx b/plugins/plugin-radius/src/components/applications/ApplicationIcon.tsx index f36cef7..9ce0b3c 100644 --- a/plugins/plugin-radius/src/components/applications/ApplicationIcon.tsx +++ b/plugins/plugin-radius/src/components/applications/ApplicationIcon.tsx @@ -1,5 +1,5 @@ import React from 'react'; -import { SvgIcon, SvgIconProps } from '@material-ui/core'; +import { SvgIcon } from '@material-ui/core'; export const ApplicationIcon = () => { const originalWidth = 1080; diff --git a/plugins/plugin-radius/src/components/environments/EnvironmentIcon.tsx b/plugins/plugin-radius/src/components/environments/EnvironmentIcon.tsx index 601ce4d..acdc125 100644 --- a/plugins/plugin-radius/src/components/environments/EnvironmentIcon.tsx +++ b/plugins/plugin-radius/src/components/environments/EnvironmentIcon.tsx @@ -1,5 +1,5 @@ import React from 'react'; -import { SvgIcon, SvgIconProps } from '@material-ui/core'; +import { SvgIcon } from '@material-ui/core'; export const EnvironmentIcon = () => { const originalWidth = 1080; diff --git a/plugins/plugin-radius/src/components/logo/RadiusLogomarkReverse.tsx b/plugins/plugin-radius/src/components/logo/RadiusLogomarkReverse.tsx index 7f6b5ae..a39ace8 100644 --- a/plugins/plugin-radius/src/components/logo/RadiusLogomarkReverse.tsx +++ b/plugins/plugin-radius/src/components/logo/RadiusLogomarkReverse.tsx @@ -1,5 +1,5 @@ import React from 'react'; -import { SvgIcon, SvgIconProps } from '@material-ui/core'; +import { SvgIcon } from '@material-ui/core'; export const RadiusLogomarkReverse = () => { const originalWidth = 550; diff --git a/plugins/plugin-radius/src/components/recipes/RecipeIcon.tsx b/plugins/plugin-radius/src/components/recipes/RecipeIcon.tsx index fefe34a..e50078f 100644 --- a/plugins/plugin-radius/src/components/recipes/RecipeIcon.tsx +++ b/plugins/plugin-radius/src/components/recipes/RecipeIcon.tsx @@ -1,5 +1,5 @@ import React from 'react'; -import { SvgIcon, SvgIconProps } from '@material-ui/core'; +import { SvgIcon } from '@material-ui/core'; export const RecipeIcon = () => { const originalWidth = 1080; diff --git a/plugins/plugin-radius/src/components/resources/ResourceIcon.tsx b/plugins/plugin-radius/src/components/resources/ResourceIcon.tsx index 22d95e0..6e2eef1 100644 --- a/plugins/plugin-radius/src/components/resources/ResourceIcon.tsx +++ b/plugins/plugin-radius/src/components/resources/ResourceIcon.tsx @@ -1,5 +1,5 @@ import React from 'react'; -import { SvgIcon, SvgIconProps } from '@material-ui/core'; +import { SvgIcon } from '@material-ui/core'; export const ResourceIcon = () => { const originalWidth = 1080;