clean up naming of icon

This commit is contained in:
mulan xia 2024-02-01 18:16:50 -05:00
parent 02be0ead9e
commit a4b640827e
No known key found for this signature in database
GPG Key ID: C6CE526613568D73

View File

@ -98,12 +98,12 @@ export const DisplaySettingsDialog = ({ setIsOpen }: ElementProps) => {
>
<Styled.ColorPreferenceLabel>
<Styled.ArrowIconContainer>
<Styled.Icon
<Styled.ArrowIcon
iconName={IconName.Arrow}
direction="up"
color={colorMode === AppColorMode.GreenUp ? 'green' : 'red'}
/>
<Styled.Icon
<Styled.ArrowIcon
iconName={IconName.Arrow}
direction="down"
color={colorMode === AppColorMode.GreenUp ? 'red' : 'green'}
@ -242,7 +242,7 @@ Styled.ArrowIconContainer = styled.div`
gap: 0.5ch;
`;
Styled.Icon = styled(Icon)<{ direction: 'up' | 'down'; color: 'green' | 'red' }>`
Styled.ArrowIcon = styled(Icon)<{ direction: 'up' | 'down'; color: 'green' | 'red' }>`
${({ direction }) =>
({
['up']: css`