frontend client for gemstone. decentralised workplace app

feat: additional logos

serenity 9893e1a1 0278c466

Changed files
+42
src
components
+18
src/components/icons/gmstn/GmstnLogoColor.tsx
···
···
+
import { GmstnLogo } from "@/components/icons/gmstn/GmstnLogo";
+
import { useCurrentPalette } from "@/providers/ThemeProvider";
+
+
export const GmstnLogoColor = ({
+
height,
+
width,
+
}: {
+
height?: number;
+
width?: number;
+
}) => {
+
const { semantic } = useCurrentPalette();
+
return (
+
<GmstnLogo
+
fill={semantic.primary}
+
style={{ height: height ?? 32, width: width ?? 32 }}
+
/>
+
);
+
};
+24
src/components/icons/gmstn/GmstnLogoWithText.tsx
···
···
+
import { GmstnLogo } from "@/components/icons/gmstn/GmstnLogo";
+
import { Text } from "@/components/primitives/Text";
+
import { useCurrentPalette } from "@/providers/ThemeProvider";
+
import { View } from "react-native";
+
+
export const GmstnLogoWithText = () => {
+
const { semantic } = useCurrentPalette();
+
return (
+
<View
+
style={{
+
display: "flex",
+
flexDirection: "row",
+
alignItems: "center",
+
gap: 2,
+
}}
+
>
+
<GmstnLogo
+
fill={semantic.primary}
+
style={{ height: 32, width: 32 }}
+
/>
+
<Text style={{ fontWeight: 400 }}>Gemstone</Text>
+
</View>
+
);
+
};