fix: Dialog & Button styles and variants

Peersyst · Mar 1, 2024 · b6e15b2 · b6e15b2
1 parent 8a24a6e
commit b6e15b2
Show file tree

Hide file tree

Showing 4 changed files with 16 additions and 2 deletions.
diff --git a/src/config/config.tsx b/src/config/config.tsx
@@ -54,7 +54,7 @@ const config = createConfig({
                 },
             },
             actions: {
-                variant: "primary",
+                variant: "filled",
                 component: Button,
                 fullWidth: true,
             },

diff --git a/src/config/theme/theme.declarations.d.ts b/src/config/theme/theme.declarations.d.ts
@@ -156,7 +156,7 @@ declare module "@peersyst/react-native-components" {
         outlined: true;
         text: true;
         glass: true;
-        filled: false;
+        filled: true;
     }
 }
 

diff --git a/src/module/common/component/input/MainButton/MainButton.styles.ts b/src/module/common/component/input/MainButton/MainButton.styles.ts
@@ -1,4 +1,5 @@
 import styled from "@peersyst/react-native-styled";
+import { darken } from "@peersyst/react-utils";
 import Button from "module/common/component/input/Button/Button";
 
 export const MainButtonRoot = styled(Button)(({ theme }) => {
@@ -18,5 +19,17 @@ export const MainButtonRoot = styled(Button)(({ theme }) => {
                 },
             },
         },
+        pressed: {
+            primary: {
+                backgroundGradient: {
+                    colors: [
+                        darken(theme.palette.gradient.greenDarkGreen[0], 0.15),
+                        darken(theme.palette.gradient.greenDarkGreen[1], 0.15),
+                    ],
+                    start: { x: 0, y: 0 },
+                    end: { x: 1, y: 1 },
+                },
+            },
+        },
     };
 });
diff --git a/src/module/settings/components/core/DeleteData/DeleteData.tsx b/src/module/settings/components/core/DeleteData/DeleteData.tsx
@@ -42,6 +42,7 @@ const DeleteData = () => {
                             text: translate("delete"),
                             type: "destructive",
                             action: handleDelete,
+                            variant: "filled",
                         },
                     ],
                 })