commit 736202bb942df09797de818f61ec8bf21fc2135e · gmstn.systems/gemstone-app

+32

src/components/Settings/LatticeSettings.tsx

···

       1
       1
       +
       import { Text } from "@/components/primitives/Text";

     

       2
       2
       +
       import { useFacet } from "@/lib/facet";

     

       3
       3
       +
       import { useCurrentPalette } from "@/providers/ThemeProvider";

     

       4
       4
       +
       import { View } from "react-native";

     

       5
       5
       +
       

     

       6
       6
       +
       export const LatticeSettings = () => {

     

       7
       7
       +
           const { semantic } = useCurrentPalette();

     

       8
       8
       +
           const { atoms, typography } = useFacet();

     

       9
       9
       +
       

     

       10
       10
       +
           return (

     

       11
       11
       +
               <View

     

       12
       12
       +
                   style={{

     

       13
       13
       +
                       borderWidth: 1,

     

       14
       14
       +
                       borderColor: semantic.borderVariant,

     

       15
       15
       +
                       borderRadius: atoms.radii.lg,

     

       16
       16
       +
                       padding: 8,

     

       17
       17
       +
                   }}

     

       18
       18
       +
               >

     

       19
       19
       +
                   <Text

     

       20
       20
       +
                       style={[

     

       21
       21
       +
                           typography.weights.byName.medium,

     

       22
       22
       +
                           typography.sizes.lg,

     

       23
       23
       +
                           {

     

       24
       24
       +
                               paddingLeft: 8,

     

       25
       25
       +
                           },

     

       26
       26
       +
                       ]}

     

       27
       27
       +
                   >

     

       28
       28
       +
                       Lattices

     

       29
       29
       +
                   </Text>

     

       30
       30
       +
               </View>

     

       31
       31
       +
           );

     

       32
       32
       +
       };

+32

src/components/Settings/ShardSettings.tsx

···

       1
       1
       +
       import { Text } from "@/components/primitives/Text";

     

       2
       2
       +
       import { useFacet } from "@/lib/facet";

     

       3
       3
       +
       import { useCurrentPalette } from "@/providers/ThemeProvider";

     

       4
       4
       +
       import { View } from "react-native";

     

       5
       5
       +
       

     

       6
       6
       +
       export const ShardSettings = () => {

     

       7
       7
       +
           const { semantic } = useCurrentPalette();

     

       8
       8
       +
           const { atoms, typography } = useFacet();

     

       9
       9
       +
       

     

       10
       10
       +
           return (

     

       11
       11
       +
               <View

     

       12
       12
       +
                   style={{

     

       13
       13
       +
                       borderWidth: 1,

     

       14
       14
       +
                       borderColor: semantic.borderVariant,

     

       15
       15
       +
                       borderRadius: atoms.radii.lg,

     

       16
       16
       +
                       padding: 8,

     

       17
       17
       +
                   }}

     

       18
       18
       +
               >

     

       19
       19
       +
                   <Text

     

       20
       20
       +
                       style={[

     

       21
       21
       +
                           typography.weights.byName.medium,

     

       22
       22
       +
                           typography.sizes.lg,

     

       23
       23
       +
                           {

     

       24
       24
       +
                               paddingLeft: 8,

     

       25
       25
       +
                           },

     

       26
       26
       +
                       ]}

     

       27
       27
       +
                   >

     

       28
       28
       +
                       Shards

     

       29
       29
       +
                   </Text>

     

       30
       30
       +
               </View>

     

       31
       31
       +
           );

     

       32
       32
       +
       };

+19

src/components/Settings/index.tsx

···

       1
       1
       +
       import { LatticeSettings } from "@/components/Settings/LatticeSettings";

     

       2
       2
       +
       import { ShardSettings } from "@/components/Settings/ShardSettings";

     

       3
       3
       +
       import { View } from "react-native";

     

       4
       4
       +
       

     

       5
       5
       +
       export const Settings = () => {

     

       6
       6
       +
           return (

     

       7
       7
       +
               <View

     

       8
       8
       +
                   style={{

     

       9
       9
       +
                       flex: 1,

     

       10
       10
       +
                       flexDirection: "column",

     

       11
       11
       +
                       padding: 32,

     

       12
       12
       +
                       gap: 16,

     

       13
       13
       +
                   }}

     

       14
       14
       +
               >

     

       15
       15
       +
                   <ShardSettings />

     

       16
       16
       +
                   <LatticeSettings />

     

       17
       17
       +
               </View>

     

       18
       18
       +
           );

     

       19
       19
       +
       };