Merge pull request #219 from Consensys/fix/renew-title-icon-colors

fix: renew title and icon colors
Consensys · Jul 29, 2024 · e09ff93 · e09ff93
2 parents 7f05f15 + fc26d79
commit e09ff93
Show file tree

Hide file tree

Showing 2 changed files with 12 additions and 4 deletions.
diff --git a/packages/linea-ens-app/src/components/ProfileSnippet.tsx b/packages/linea-ens-app/src/components/ProfileSnippet.tsx
@@ -1,6 +1,6 @@
 import { useMemo } from 'react'
 import { useTranslation } from 'react-i18next'
-import styled, { css } from 'styled-components'
+import styled, { css, useTheme } from 'styled-components'
 
 import { mq } from '@ensdomains/thorin'
 
@@ -143,6 +143,7 @@ export const ProfileSnippet = ({
   button?: 'viewProfile' | 'extend' | 'register'
   children?: React.ReactNode
 }) => {
+  const theme = useTheme()
   const router = useRouterWithHistory()
   const { t } = useTranslation('common')
 
@@ -163,7 +164,13 @@ export const ProfileSnippet = ({
       return (
         <Button
           size="small"
-          prefix={<FastForwardSVG />}
+          prefix={
+            <FastForwardSVG
+              style={{
+                color: theme.colors.textSecondary,
+              }}
+            />
+          }
           data-testid="extend-button"
           onClick={() => {
             showExtendNamePohInput(`extend-names-${name}`, {

diff --git a/packages/linea-ens-app/src/transaction-flow/input/ExtendNamePoh/ExtendNamePoh-flow.tsx b/packages/linea-ens-app/src/transaction-flow/input/ExtendNamePoh/ExtendNamePoh-flow.tsx
@@ -8,6 +8,7 @@ import { Avatar, Button, Dialog, mq, ScrollBox, Typography } from '@ensdomains/t
 
 import { PlusMinusControl } from '@app/components/@atoms/PlusMinusControl/PlusMinusControl'
 import { StyledName } from '@app/components/@atoms/StyledName/StyledName'
+import { DialogHeading } from '@app/components/styled/Dialog'
 import { useEstimateGasWithStateOverride } from '@app/hooks/chain/useEstimateGasWithStateOverride'
 import { useExpiry } from '@app/hooks/ensjs/public/useExpiry'
 import { usePohSignature } from '@app/hooks/usePohStatus'
@@ -219,7 +220,7 @@ const ExtendNamePoh = ({ data: { names, isSelf }, dispatch, onDismiss }: Props)
       enabled: !!pohSignature,
     })
 
-  const { title, alert } = match(view)
+  const { title } = match(view)
     .with('no-ownership-warning', () => ({
       title: t('input.extendNames.ownershipWarning.title', { count: names.length }),
       alert: 'warning' as const,
@@ -249,7 +250,7 @@ const ExtendNamePoh = ({ data: { names, isSelf }, dispatch, onDismiss }: Props)
 
   return (
     <Container data-testid="extend-names-modal">
-      <Dialog.Heading title={title} alert={alert} />
+      <DialogHeading>{title}</DialogHeading>
       <ScrollBoxWrapper>
         <InnerContainer>
           {match(view)