commit eebce5a7750c08b001fc566cd8d45fc776b0b680 · gmstn.systems/gemstone-app

+33 -21

src/components/Settings/LatticeSettings.tsx

···

       3
       3
        
       import { LatticeInfo } from "@/components/Settings/LatticeInfo";

     

       4
       4
        
       import { RegisterLatticeModalContent } from "@/components/Settings/RegisterLatticeModalContent";

     

       5
       5
        
       import { useFacet } from "@/lib/facet";

     

       6
       6
       -
       import { fade } from "@/lib/facet/src/lib/colors";

     

       6
       6
       +
       import { fade, lighten } from "@/lib/facet/src/lib/colors";

     

       7
       7
        
       import type { AtUri } from "@/lib/types/atproto";

     

       8
       8
        
       import { stringToAtUri } from "@/lib/utils/atproto";

     

       9
       9
        
       import { useOAuthSessionGuaranteed } from "@/providers/OAuthProvider";

     
···

       88
       88
        
                   )}

     

       89
       89
        
                   <View>

     

       90
       90
        
                       <Pressable

     

       91
       91
       -
                           style={{

     

       92
       92
       -
                               flexDirection: "row",

     

       93
       93
       -
                               alignItems: "center",

     

       94
       94
       -
                               marginLeft: 10,

     

       95
       95
       -
                               gap: 4,

     

       96
       96
       -
                               backgroundColor: semantic.primary,

     

       97
       97
       -
                               alignSelf: "flex-start",

     

       98
       98
       -
                               padding: 8,

     

       99
       99
       -
                               paddingRight: 12,

     

       100
       100
       -
                               borderRadius: atoms.radii.md,

     

       101
       101
       -
                           }}

     

       91
       91
       +
                           style={{ alignSelf: "flex-start", marginLeft: 10 }}

     

       102
       92
        
                           onPress={() => {

     

       103
       93
        
                               setShowRegisterModal(true);

     

       104
       94
        
                           }}

     

       105
       95
        
                       >

     

       106
       106
       -
                           <Plus height={16} width={16} color={semantic.textInverse} />

     

       107
       107
       -
                           <Text

     

       108
       108
       -
                               style={[

     

       109
       109
       -
                                   typography.weights.byName.normal,

     

       110
       110
       -
                                   { color: semantic.textInverse },

     

       111
       111
       -
                               ]}

     

       112
       112
       -
                           >

     

       113
       113
       -
                               Register a Lattice

     

       114
       114
       -
                           </Text>

     

       96
       96
       +
                           {({ hovered }) => (

     

       97
       97
       +
                               <View

     

       98
       98
       +
                                   style={{

     

       99
       99
       +
                                       flexDirection: "row",

     

       100
       100
       +
                                       alignItems: "center",

     

       101
       101
       +
       

     

       102
       102
       +
                                       gap: 4,

     

       103
       103
       +
                                       backgroundColor: hovered

     

       104
       104
       +
                                           ? lighten(semantic.primary, 5)

     

       105
       105
       +
                                           : semantic.primary,

     

       106
       106
       +
                                       alignSelf: "flex-start",

     

       107
       107
       +
                                       padding: 8,

     

       108
       108
       +
                                       paddingRight: 12,

     

       109
       109
       +
                                       borderRadius: atoms.radii.md,

     

       110
       110
       +
                                   }}

     

       111
       111
       +
                               >

     

       112
       112
       +
                                   <Plus

     

       113
       113
       +
                                       height={16}

     

       114
       114
       +
                                       width={16}

     

       115
       115
       +
                                       color={semantic.textInverse}

     

       116
       116
       +
                                   />

     

       117
       117
       +
                                   <Text

     

       118
       118
       +
                                       style={[

     

       119
       119
       +
                                           typography.weights.byName.normal,

     

       120
       120
       +
                                           { color: semantic.textInverse },

     

       121
       121
       +
                                       ]}

     

       122
       122
       +
                                   >

     

       123
       123
       +
                                       Register a Lattice

     

       124
       124
       +
                                   </Text>

     

       125
       125
       +
                               </View>

     

       126
       126
       +
                           )}

     

       115
       127
        
                       </Pressable>

     

       116
       128
        
                       <Modal

     

       117
       129
        
                           visible={showRegisterModal}

+33 -21

src/components/Settings/ShardSettings.tsx

···

       3
       3
        
       import { RegisterShardModalContent } from "@/components/Settings/RegisterShardModalContent";

     

       4
       4
        
       import { ShardInfo } from "@/components/Settings/ShardInfo";

     

       5
       5
        
       import { useFacet } from "@/lib/facet";

     

       6
       6
       -
       import { fade } from "@/lib/facet/src/lib/colors";

     

       6
       6
       +
       import { fade, lighten } from "@/lib/facet/src/lib/colors";

     

       7
       7
        
       import type { AtUri } from "@/lib/types/atproto";

     

       8
       8
        
       import { stringToAtUri } from "@/lib/utils/atproto";

     

       9
       9
        
       import { useOAuthSessionGuaranteed } from "@/providers/OAuthProvider";

     
···

       88
       88
        
                   )}

     

       89
       89
        
                   <View>

     

       90
       90
        
                       <Pressable

     

       91
       91
       -
                           style={{

     

       92
       92
       -
                               flexDirection: "row",

     

       93
       93
       -
                               alignItems: "center",

     

       94
       94
       -
                               marginLeft: 10,

     

       95
       95
       -
                               gap: 4,

     

       96
       96
       -
                               backgroundColor: semantic.primary,

     

       97
       97
       -
                               alignSelf: "flex-start",

     

       98
       98
       -
                               padding: 8,

     

       99
       99
       -
                               paddingRight: 12,

     

       100
       100
       -
                               borderRadius: atoms.radii.md,

     

       101
       101
       -
                           }}

     

       91
       91
       +
                           style={{ alignSelf: "flex-start", marginLeft: 10 }}

     

       102
       92
        
                           onPress={() => {

     

       103
       93
        
                               setShowRegisterModal(true);

     

       104
       94
        
                           }}

     

       105
       95
        
                       >

     

       106
       106
       -
                           <Plus height={16} width={16} color={semantic.textInverse} />

     

       107
       107
       -
                           <Text

     

       108
       108
       -
                               style={[

     

       109
       109
       -
                                   typography.weights.byName.normal,

     

       110
       110
       -
                                   { color: semantic.textInverse },

     

       111
       111
       -
                               ]}

     

       112
       112
       -
                           >

     

       113
       113
       -
                               Register a Shard

     

       114
       114
       -
                           </Text>

     

       96
       96
       +
                           {({ hovered }) => (

     

       97
       97
       +
                               <View

     

       98
       98
       +
                                   style={{

     

       99
       99
       +
                                       flexDirection: "row",

     

       100
       100
       +
                                       alignItems: "center",

     

       101
       101
       +
       

     

       102
       102
       +
                                       gap: 4,

     

       103
       103
       +
                                       backgroundColor: hovered

     

       104
       104
       +
                                           ? lighten(semantic.primary, 5)

     

       105
       105
       +
                                           : semantic.primary,

     

       106
       106
       +
                                       alignSelf: "flex-start",

     

       107
       107
       +
                                       padding: 8,

     

       108
       108
       +
                                       paddingRight: 12,

     

       109
       109
       +
                                       borderRadius: atoms.radii.md,

     

       110
       110
       +
                                   }}

     

       111
       111
       +
                               >

     

       112
       112
       +
                                   <Plus

     

       113
       113
       +
                                       height={16}

     

       114
       114
       +
                                       width={16}

     

       115
       115
       +
                                       color={semantic.textInverse}

     

       116
       116
       +
                                   />

     

       117
       117
       +
                                   <Text

     

       118
       118
       +
                                       style={[

     

       119
       119
       +
                                           typography.weights.byName.normal,

     

       120
       120
       +
                                           { color: semantic.textInverse },

     

       121
       121
       +
                                       ]}

     

       122
       122
       +
                                   >

     

       123
       123
       +
                                       Register a Shard

     

       124
       124
       +
                                   </Text>

     

       125
       125
       +
                               </View>

     

       126
       126
       +
                           )}

     

       115
       127
        
                       </Pressable>

     

       116
       128
        
                       <Modal

     

       117
       129
        
                           visible={showRegisterModal}