mobile: fix beta tags ui

2026-08-29 10:09:26 +02:00 · 2023-09-04 15:43:04 +05:00
2 changed files with 24 additions and 2 deletions
--- a/apps/mobile/app/components/header/title.tsx
+++ b/apps/mobile/app/components/header/title.tsx
@@ -114,7 +114,15 @@ export const Title = () => {
              #
            </Heading>
          ) : null}
-          {title} <Tag visible={currentScreen.beta} text="BETA" />
+          {title}{" "}
+          <Tag
+            visible={currentScreen.beta}
+            text="BETA"
+            style={{
+              backgroundColor: "transparent"
+            }}
+            textColor={colors.primary.accent}
+          />
        </Heading>
      ) : null}
    </>
--- a/apps/mobile/app/components/side-menu/menu-item.js
+++ b/apps/mobile/app/components/side-menu/menu-item.js
@@ -128,7 +128,21 @@ export const MenuItem = React.memo(
            <Paragraph size={SIZE.md}>{item.name}</Paragraph>
          )}

-          <Tag visible={item.isBeta} text="BETA" />
+          {item.isBeta ? (
+            <View
+              style={{
+                borderRadius: 100,
+                backgroundColor: colors.primary.accent,
+                paddingHorizontal: 4,
+                marginLeft: 5,
+                paddingVertical: 2
+              }}
+            >
+              <Paragraph color={colors.static.white} size={SIZE.xxs}>
+                BETA
+              </Paragraph>
+            </View>
+          ) : null}
        </View>

        {item.switch ? (