Merge pull request #770 from dinohan/fixes/status-icon

dinohan · web-flow · commit 9339e2890a3b · 2022-04-29T12:41:05.000+09:00
diff --git a/src/components/Status/Status.styled.ts b/src/components/Status/Status.styled.ts
@@ -1,6 +1,6 @@
 /* Internal dependencies */
 import { styled, absoluteCenter, SemanticNames } from 'Foundation'
-import { Icon } from 'Components/Icon'
+import { LockIcon as BaseLockIcon } from 'Components/Icon/generated'
 import { StatusSize } from './Status.types'
 
 function getStatusCircleBorderSize(size: StatusSize) {
@@ -39,7 +39,7 @@ export const StatusCircle = styled.div<StatusCircleProps>`
   }
 `
 
-export const LockIcon = styled(Icon)`
+export const LockIcon = styled(BaseLockIcon)`
   ${absoluteCenter('')}
   z-index: 1;
 `
diff --git a/src/components/Status/Status.tsx b/src/components/Status/Status.tsx
@@ -21,7 +21,6 @@ function Status({
         size={size}
       >
         <LockIcon
-          name="lock"
           size={IconSize.XXS}
           color="txt-black-darker"
         />

Original file line number	Diff line number	Diff line change
`@@ -1,6 +1,6 @@`
`1`	`1`	`/* Internal dependencies */`
`2`	`2`	`import { styled, absoluteCenter, SemanticNames } from 'Foundation'`
`3`		`-import { Icon } from 'Components/Icon'`
	`3`	`+import { LockIcon as BaseLockIcon } from 'Components/Icon/generated'`
`4`	`4`	`import { StatusSize } from './Status.types'`
`5`	`5`
`6`	`6`	`function getStatusCircleBorderSize(size: StatusSize) {`
@@ -39,7 +39,7 @@ export const StatusCircle = styled.div<StatusCircleProps>`
`39`	`39`	`}`
`40`	`40`	`
`41`	`41`
`42`		-export const LockIcon = styled(Icon)`
	`42`	+export const LockIcon = styled(BaseLockIcon)`
`43`	`43`	`${absoluteCenter('')}`
`44`	`44`	`z-index: 1;`
`45`	`45`	`