Reskin updateSignerWarning box

decentdao · Apr 26, 2024 · 781a7a8 · 781a7a8
1 parent debcc6e
commit 781a7a8
Show file tree

Hide file tree

Showing 3 changed files with 32 additions and 28 deletions.
diff --git a/public/images/alert-triangle.svg b/public/images/alert-triangle.svg
diff --git a/src/components/pages/DaoSettings/components/Signers/modals/AddSignerModal.tsx b/src/components/pages/DaoSettings/components/Signers/modals/AddSignerModal.tsx
@@ -5,11 +5,10 @@ import {
   HStack,
   Select,
   Text,
-  Alert,
-  AlertTitle,
-  Image,
+  Icon,
 } from '@chakra-ui/react';
 import { LabelWrapper } from '@decent-org/fractal-ui';
+import { WarningCircle } from '@phosphor-icons/react';
 import { Field, FieldAttributes, Formik } from 'formik';
 import { useCallback, useRef } from 'react';
 import { useTranslation } from 'react-i18next';
@@ -148,22 +147,34 @@ function AddSignerModal({
                   )}`}</Text>
                 </Flex>
               </HStack>
-              <Alert
-                status="info"
-                w="fit-full"
-                mt={6}
-              >
-                <Image
-                  src="/images/alert-triangle.svg"
-                  alt="alert triangle"
-                  w="1.5rem"
-                  h="1.5rem"
-                  mx={3}
-                />
-                <AlertTitle>
-                  <Text whiteSpace="pre-wrap">{t('updateSignerWarning', { ns: 'modals' })}</Text>
-                </AlertTitle>
-              </Alert>
+
+
+<Flex
+        w="fit-full"
+        mt={6}
+        p="1rem"
+        border="1px"
+        borderColor="yellow--1"
+        bg="yellow--2"
+        borderRadius="0.25rem"
+        alignItems="center"
+        gap="1rem"
+      >
+        <Icon
+          color="yellow-0"
+          as={WarningCircle}
+          boxSize="1.5rem"
+        />
+        <Text
+          color="yellow-0"
+          textStyle="body-base-strong"
+          whiteSpace="pre-wrap"
+        >
+          {t('updateSignerWarning', { ns: 'modals' })}
+        </Text>
+      </Flex>
+
+
               <Divider my={6} />
               <CustomNonceInput
                 nonce={values.nonce}

diff --git a/src/components/pages/DaoSettings/components/Signers/modals/RemoveSignerModal.tsx b/src/components/pages/DaoSettings/components/Signers/modals/RemoveSignerModal.tsx
@@ -98,10 +98,7 @@ function RemoveSignerModal({
         mb={4}
       />
       <HStack>
-        <Text
-          textStyle="text-base-sans-regular"
-          color="grayscale.100"
-        >
+        <Text>
           {t('updateThreshold', { ns: 'modals' })}
         </Text>
         <Flex ref={tooltipContainer}>
@@ -158,7 +155,7 @@ function RemoveSignerModal({
         <Icon
           color="yellow-0"
           as={WarningCircle}
-          boxSize="24px"
+          boxSize="1.5rem"
         />
         <Text
           color="yellow-0"
@@ -169,7 +166,6 @@ function RemoveSignerModal({
         </Text>
       </Flex>
       <Divider
-        color="chocolate.700"
         mt={6}
         mb={6}
       />