fix: remove Menu web version and fix styles variables

Signed-off-by: clegirar <[email protected]>
TERITORI · Oct 4, 2023 · ae633a1 · ae633a1
1 parent c3b32dc
commit ae633a1
Show file tree

Hide file tree

Showing 3 changed files with 10 additions and 93 deletions.
diff --git a/packages/components/Menu/Menu.tsx → packages/components/Menu.tsx b/packages/components/Menu/Menu.tsx → packages/components/Menu.tsx
@@ -1,14 +1,16 @@
 import React, { useRef } from "react";
 import { View, TouchableOpacity } from "react-native";
 
-import { useDropdowns } from "../../context/DropdownsProvider";
-import { neutral33 } from "../../utils/style/colors";
-import { BrandText } from "../BrandText";
-import { PrimaryBox } from "../boxes/PrimaryBox";
+import { BrandText } from "./BrandText";
+import { PrimaryBox } from "./boxes/PrimaryBox";
+import { useDropdowns } from "../context/DropdownsProvider";
+import { neutral33 } from "../utils/style/colors";
+import { fontSemibold13 } from "../utils/style/fonts";
+import { layout } from "../utils/style/layout";
 
 const DEFAULT_WIDTH = 164;
 
-export interface MenuProps {
+interface MenuProps {
   component: React.ReactNode;
   items: {
     label: string;
@@ -39,7 +41,7 @@ export const Menu: React.FC<MenuProps> = ({
             style={{ position: "absolute", right: 0, bottom: -20 }}
             mainContainerStyle={{
               position: "absolute",
-              paddingHorizontal: 12,
+              paddingHorizontal: layout.spacing_x1_5,
             }}
           >
             {items.map((item, index) => (
@@ -52,20 +54,15 @@ export const Menu: React.FC<MenuProps> = ({
                 }}
                 activeOpacity={0.7}
                 style={[
-                  { paddingVertical: 12, width: "100%" },
+                  { paddingVertical: layout.spacing_x1_5, width: "100%" },
                   index !== items.length - 1 && {
                     borderBottomWidth: 1,
                     borderColor: neutral33,
                   },
                 ]}
               >
                 <BrandText
-                  style={[
-                    {
-                      fontSize: 13,
-                    },
-                    item.disabled && { opacity: 0.5 },
-                  ]}
+                  style={[fontSemibold13, item.disabled && { opacity: 0.5 }]}
                 >
                   {item.label}
                 </BrandText>

diff --git a/packages/components/Menu/Menu.web.tsx b/packages/components/Menu/Menu.web.tsx
diff --git a/packages/components/Menu/index.tsx b/packages/components/Menu/index.tsx