frontend client for gemstone. decentralised workplace app
feat: additional logos
+42
+18
src/components/icons/gmstn/GmstnLogoColor.tsx
+18
src/components/icons/gmstn/GmstnLogoColor.tsx
···
1
+
import { GmstnLogo } from "@/components/icons/gmstn/GmstnLogo";
2
+
import { useCurrentPalette } from "@/providers/ThemeProvider";
3
+
4
+
export const GmstnLogoColor = ({
5
+
height,
6
+
width,
7
+
}: {
8
+
height?: number;
9
+
width?: number;
10
+
}) => {
11
+
const { semantic } = useCurrentPalette();
12
+
return (
13
+
<GmstnLogo
14
+
fill={semantic.primary}
15
+
style={{ height: height ?? 32, width: width ?? 32 }}
16
+
/>
17
+
);
18
+
};
+24
src/components/icons/gmstn/GmstnLogoWithText.tsx
+24
src/components/icons/gmstn/GmstnLogoWithText.tsx
···
1
+
import { GmstnLogo } from "@/components/icons/gmstn/GmstnLogo";
2
+
import { Text } from "@/components/primitives/Text";
3
+
import { useCurrentPalette } from "@/providers/ThemeProvider";
4
+
import { View } from "react-native";
5
+
6
+
export const GmstnLogoWithText = () => {
7
+
const { semantic } = useCurrentPalette();
8
+
return (
9
+
<View
10
+
style={{
11
+
display: "flex",
12
+
flexDirection: "row",
13
+
alignItems: "center",
14
+
gap: 2,
15
+
}}
16
+
>
17
+
<GmstnLogo
18
+
fill={semantic.primary}
19
+
style={{ height: 32, width: 32 }}
20
+
/>
21
+
<Text style={{ fontWeight: 400 }}>Gemstone</Text>
22
+
</View>
23
+
);
24
+
};