casl/website
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

✨ feat(icons): add ExtrenalAppIconLink

Browse Source
This commit is contained in:
m-tartari
2024-03-25 09:50:13 +01:00
parent f2df23ca92
commit bd60fcf38e
2 changed files with 5 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/components/atoms/IconLinks/IconLinks.test.tsx
+2 -1
View File
@@ -12,7 +12,8 @@ const labels: { [key: string]: string } = {
LinkedInIconLink: 'LinkedIn-button', LinkedInIconLink: 'LinkedIn-button',
AcademyIconLink: 'Academy-button', AcademyIconLink: 'Academy-button',
VideoIconLink: 'Video-button', VideoIconLink: 'Video-button',
ExtrernalIconLink: 'External-link-button', ExternalIconLink: 'External-link-button',
ExternalAppIconLink: 'External-app-button',
} }
vi.stubGlobal('open', vi.fn()) vi.stubGlobal('open', vi.fn())
src/components/atoms/IconLinks/IconLinks.tsx
+3 -2
View File
@@ -1,4 +1,4 @@
import { Email, LinkedIn, GitHub, Description, OndemandVideo, School, OpenInNew } from '@mui/icons-material' import { Email, LinkedIn, GitHub, Description, OndemandVideo, School, OpenInNew, OpenInBrowser } from '@mui/icons-material'
import { Badge, IconButtonProps, SvgIcon } from '@mui/material' import { Badge, IconButtonProps, SvgIcon } from '@mui/material'
import IconButton from '../IconButton' import IconButton from '../IconButton'
@@ -41,4 +41,5 @@ export const GitHubIconLink = (props: IconLinkProps) => <IconWrapper aria-label=
export const LinkedInIconLink = (props: IconLinkProps) => <IconWrapper aria-label="LinkedIn-button" Icon={LinkedIn} {...props} /> export const LinkedInIconLink = (props: IconLinkProps) => <IconWrapper aria-label="LinkedIn-button" Icon={LinkedIn} {...props} />
export const AcademyIconLink = (props: IconLinkProps) => <IconWrapper aria-label="Academy-button" Icon={School} {...props} /> export const AcademyIconLink = (props: IconLinkProps) => <IconWrapper aria-label="Academy-button" Icon={School} {...props} />
export const VideoIconLink = (props: IconLinkProps) => <IconWrapper aria-label="Video-button" Icon={OndemandVideo} {...props} /> export const VideoIconLink = (props: IconLinkProps) => <IconWrapper aria-label="Video-button" Icon={OndemandVideo} {...props} />
export const ExtrernalIconLink = (props: IconLinkProps) => <IconWrapper aria-label="External-link-button" Icon={OpenInNew} {...props} /> export const ExternalIconLink = (props: IconLinkProps) => <IconWrapper aria-label="External-link-button" Icon={OpenInNew} {...props} />
export const ExternalAppIconLink = (props: IconLinkProps) => <IconWrapper aria-label="External-app-button" Icon={OpenInBrowser} {...props} />