diff --git a/public/images/transactions/redefine-dark-mode.png b/public/images/transactions/redefine-dark-mode.png new file mode 100644 index 0000000000..357731d48a Binary files /dev/null and b/public/images/transactions/redefine-dark-mode.png differ diff --git a/public/images/transactions/redefine-dark-mode.svg b/public/images/transactions/redefine-dark-mode.svg deleted file mode 100644 index 97ced9293c..0000000000 --- a/public/images/transactions/redefine-dark-mode.svg +++ /dev/null @@ -1,38 +0,0 @@ - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - diff --git a/public/images/transactions/redefine.png b/public/images/transactions/redefine.png new file mode 100644 index 0000000000..db5bd97bcd Binary files /dev/null and b/public/images/transactions/redefine.png differ diff --git a/public/images/transactions/redefine.svg b/public/images/transactions/redefine.svg deleted file mode 100644 index 449dd63f22..0000000000 --- a/public/images/transactions/redefine.svg +++ /dev/null @@ -1 +0,0 @@ - \ No newline at end of file diff --git a/src/components/tx/security/redefine/index.tsx b/src/components/tx/security/redefine/index.tsx index f02ffcd23e..f614b83c84 100644 --- a/src/components/tx/security/redefine/index.tsx +++ b/src/components/tx/security/redefine/index.tsx @@ -11,14 +11,15 @@ import { ErrorBoundary } from '@sentry/react' import { REDEFINE_ARTICLE, REDEFINE_SIMULATION_URL } from '@/config/constants' import css from 'src/components/tx/security/redefine/styles.module.css' import sharedCss from '@/components/tx/security/shared/styles.module.css' -import RedefineLogoDark from '@/public/images/transactions/redefine-dark-mode.svg' -import RedefineLogo from '@/public/images/transactions/redefine.svg' +import RedefineLogoDark from '@/public/images/transactions/redefine-dark-mode.png' +import RedefineLogo from '@/public/images/transactions/redefine.png' import Track from '@/components/common/Track' import { MODALS_EVENTS } from '@/services/analytics' import { useDarkMode } from '@/hooks/useDarkMode' import CircularProgress from '@mui/material/CircularProgress' import { RedefineHint } from '@/components/tx/security/redefine/RedefineHint' import InfoIcon from '@/public/images/notifications/info.svg' +import Image from 'next/image' const MAX_SHOWN_WARNINGS = 3 @@ -81,11 +82,9 @@ const RedefineBlock = () => { Powered by{' '} - +
+ Redefine Logo +
diff --git a/src/components/tx/security/redefine/styles.module.css b/src/components/tx/security/redefine/styles.module.css index 552ed28b5e..7e4aa0ee45 100644 --- a/src/components/tx/security/redefine/styles.module.css +++ b/src/components/tx/security/redefine/styles.module.css @@ -91,3 +91,10 @@ .checkboxError svg { color: var(--color-error-main) !important; } + +.redefine { + height: 40px; + width: 52px; + position: absolute; + right: -58px; +} \ No newline at end of file