martin/databag
1
0
Fork 0
mirror of https://github.com/balzack/databag.git synced 2025-04-22 01:25:17 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

styling profile image button

Browse Source
This commit is contained in:
balzack 2024-09-19 21:56:59 -07:00
parent 258df3f18b
commit f5c2cd5ca1
12 changed files with 10246 additions and 7177 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
app/client/mobile/App.tsx
View File

@ -50,7 +50,7 @@ const databagColors = {
inverseOnSurface: 'rgb(239, 241, 237)',
inversePrimary: 'rgb(113, 218, 166)',
elevation: {
level0: 'transparent',
level0: 'rgb(251, 253, 248)',
level1: 'rgb(238, 246, 239)',
level2: 'rgb(231, 241, 234)',
level3: 'rgb(223, 237, 229)',
@ -92,7 +92,7 @@ const databagColors = {
inverseOnSurface: 'rgb(46, 49, 46)',
inversePrimary: 'rgb(0, 108, 71)',
elevation: {
level0: 'transparent',
level0: 'rgb(25, 28, 26)',
level1: 'rgb(29, 38, 33)',
level2: 'rgb(32, 43, 37)',
level3: 'rgb(35, 49, 41)',

10
app/client/mobile/ios/Databag.xcodeproj/project.pbxproj
View File

@ -605,10 +605,7 @@
"-DFOLLY_CFG_NO_COROUTINES=1",
"-DFOLLY_HAVE_CLOCK_GETTIME=1",
);
OTHER_LDFLAGS = (
"$(inherited)",
" ",
);
OTHER_LDFLAGS = "$(inherited) ";
REACT_NATIVE_PATH = "${PODS_ROOT}/../../node_modules/react-native";
SDKROOT = iphoneos;
USE_HERMES = true;
@ -680,10 +677,7 @@
"-DFOLLY_CFG_NO_COROUTINES=1",
"-DFOLLY_HAVE_CLOCK_GETTIME=1",
);
OTHER_LDFLAGS = (
"$(inherited)",
" ",
);
OTHER_LDFLAGS = "$(inherited) ";
REACT_NATIVE_PATH = "${PODS_ROOT}/../../node_modules/react-native";
SDKROOT = iphoneos;
USE_HERMES = true;

2
app/client/mobile/ios/Databag/Info.plist
View File

@ -33,6 +33,8 @@
</dict>
<key>NSLocationWhenInUseUsageDescription</key>
<string></string>
<key>NSPhotoLibraryUsageDescription</key>
<string>Used to set profile image and post photos</string>
<key>UIAppFonts</key>
<array>
<string>MaterialCommunityIcons.ttf</string>

2
app/client/mobile/ios/Databag/PrivacyInfo.xcprivacy
View File

@ -9,8 +9,8 @@
<string>NSPrivacyAccessedAPICategoryFileTimestamp</string>
<key>NSPrivacyAccessedAPITypeReasons</key>
<array>
<string>3B52.1</string>
<string>C617.1</string>
<string>3B52.1</string>
</array>
</dict>
<dict>

14
app/client/mobile/ios/Podfile.lock
View File

@ -1210,15 +1210,15 @@ PODS:
- ReactCommon/turbomodule/bridging
- ReactCommon/turbomodule/core
- Yoga
- RNImageCropPicker (0.41.2):
- RNImageCropPicker (0.39.0):
- React-Core
- React-RCTImage
- RNImageCropPicker/QBImagePickerController (= 0.41.2)
- TOCropViewController (~> 2.7.4)
- RNImageCropPicker/QBImagePickerController (0.41.2):
- RNImageCropPicker/QBImagePickerController (= 0.39.0)
- TOCropViewController
- RNImageCropPicker/QBImagePickerController (0.39.0):
- React-Core
- React-RCTImage
- TOCropViewController (~> 2.7.4)
- TOCropViewController
- RNReanimated (3.15.2):
- DoubleConversion
- glog
@ -1587,13 +1587,13 @@ SPEC CHECKSUMS:
React-utils: a06061b3887c702235d2dac92dacbd93e1ea079e
ReactCommon: f00e436b3925a7ae44dfa294b43ef360fbd8ccc4
RNGestureHandler: 67e78f16895947f7e57ab91e75e914d3e9ef7239
RNImageCropPicker: 771e2ca319d2cf92e04ebf334ece892ee9a6728f
RNImageCropPicker: 14fe1c29298fb4018f3186f455c475ab107da332
RNReanimated: 70454122c0c5cf9b661d5a505c3408f29c85b180
RNScreens: aa943ad421c3ced3ef5a47ede02b0cbfc43a012e
RNVectorIcons: 845eda5c7819bd29699cafd0fc98c9d4afe28c96
SocketRocket: abac6f5de4d4d62d24e11868d7a2f427e0ef940d
TOCropViewController: 80b8985ad794298fb69d3341de183f33d1853654
Yoga: 88480008ccacea6301ff7bf58726e27a72931c8d
Yoga: 04f1db30bb810187397fa4c37dd1868a27af229c
PODFILE CHECKSUM: 8461018d8deceb200962c829584af7c2eb345c80

4
app/client/mobile/src/constants/Colors.ts Normal file
View File

@ -0,0 +1,4 @@
export const Colors = {
primary: '#448866',
}

0
app/client/mobile/src/constants/Strings.js → app/client/mobile/src/constants/Strings.ts
View File

1
app/client/mobile/src/session/Session.tsx
View File

@ -156,6 +156,7 @@ function SettingsScreen({nav}) {
id="SettingsDrawer"
drawerContent={Settings}
screenOptions={{
drawerStyle: { width: '40%' },
drawerPosition: 'right',
drawerType: 'front',
headerShown: false,

12
app/client/mobile/src/settings/Settings.styled.ts
View File

@ -1,4 +1,5 @@
import {StyleSheet} from 'react-native';
import { Colors } from '../constants/Colors';
export const styles = StyleSheet.create({
modal: {
@ -53,7 +54,7 @@ export const styles = StyleSheet.create({
width: null,
height: null,
borderWidth: 1.5,
borderColor: 'green',
borderColor: Colors.primary,
},
editDetails: {
fontSize: 16,
@ -71,14 +72,15 @@ export const styles = StyleSheet.create({
paddingBottom: 2,
paddingLeft: 12,
paddingRight: 12,
},
editBorder: {
overflow: 'hidden',
borderBottomLeftRadius: 6,
borderBottomRightRadius: 6,
backgroundColor: 'white',
borderBottomLeftRadius: 8,
borderBottomRightRadius: 8,
borderLeftWidth: 1,
borderRightWidth: 1,
borderBottomWidth: 1,
borderColor: 'green',
borderColor: Colors.primary,
},
editDivider: {
paddingLeft: 16,

8
app/client/mobile/src/settings/Settings.tsx
View File

@ -29,14 +29,16 @@ export function Settings() {
return (
<>
<ScrollView>
<ScrollView bounces={false}>
<SafeAreaView style={styles.settings}>
<Text style={styles.header} adjustsFontSizeToFit={true} numberOfLines={1}>{`${state.profile.handle}${state.profile.node ? '/' + state.profile.node : ''}`}</Text>
<TouchableOpacity style={styles.image} onPress={SelectImage}>
<Image style={styles.logo} resizeMode={'contain'} source={{ uri: state.imageUrl }} />
<View style={styles.editBar}>
<View style={styles.editLogo}>
<Text>{state.strings.edit}</Text>
<View style={styles.editBorder}>
<Surface elevation={0}>
<Text style={styles.editLogo}>{state.strings.edit}</Text>
</Surface>
</View>
</View>
</TouchableOpacity>

17352
app/client/mobile/yarn.lock
View File

File diff suppressed because it is too large Load Diff

14
app/mobile/ios/Databag.xcodeproj/project.pbxproj
View File

@ -13,6 +13,7 @@
13B07FBF1A68108700A75B9A /* Images.xcassets in Resources */ = {isa = PBXBuildFile; fileRef = 13B07FB51A68108700A75B9A /* Images.xcassets */; };
13B07FC11A68108700A75B9A /* main.m in Sources */ = {isa = PBXBuildFile; fileRef = 13B07FB71A68108700A75B9A /* main.m */; };
7129C222D8D21DBC6428E317 /* Pods_Databag.framework in Frameworks */ = {isa = PBXBuildFile; fileRef = BCFB7DA873D4045CEFDFA64B /* Pods_Databag.framework */; };
7B9969C82C9BEB0200CE1F49 /* QBImagePicker.storyboard in Resources */ = {isa = PBXBuildFile; fileRef = 7B9969C72C9BEB0200CE1F49 /* QBImagePicker.storyboard */; };
81AB9BB82411601600AC10FF /* LaunchScreen.storyboard in Resources */ = {isa = PBXBuildFile; fileRef = 81AB9BB72411601600AC10FF /* LaunchScreen.storyboard */; };
91DE1DEFA24D4F0D68C20D28 /* Pods_Databag_DatabagTests.framework in Frameworks */ = {isa = PBXBuildFile; fileRef = 33AAD1177A93A7C77ED52C08 /* Pods_Databag_DatabagTests.framework */; };
/* End PBXBuildFile section */
@ -44,6 +45,7 @@
5B7EB9410499542E8C5724F5 /* Pods-Databag-DatabagTests.debug.xcconfig */ = {isa = PBXFileReference; includeInIndex = 1; lastKnownFileType = text.xcconfig; name = "Pods-Databag-DatabagTests.debug.xcconfig"; path = "Target Support Files/Pods-Databag-DatabagTests/Pods-Databag-DatabagTests.debug.xcconfig"; sourceTree = "<group>"; };
7B413FF92C6CFD4F0032D17C /* MaterialCommunityIcons.ttf */ = {isa = PBXFileReference; lastKnownFileType = file; name = MaterialCommunityIcons.ttf; path = "../node_modules/react-native-vector-icons/Fonts/MaterialCommunityIcons.ttf"; sourceTree = "<group>"; };
7B466B912C7061BF00FE912E /* GoogleService-Info.plist */ = {isa = PBXFileReference; lastKnownFileType = text.plist.xml; name = "GoogleService-Info.plist"; path = "../../GoogleService-Info.plist"; sourceTree = "<group>"; };
7B9969C72C9BEB0200CE1F49 /* QBImagePicker.storyboard */ = {isa = PBXFileReference; lastKnownFileType = file.storyboard; name = QBImagePicker.storyboard; path = "../node_modules/react-native-image-crop-picker/ios/QBImagePicker/QBImagePicker/QBImagePicker.storyboard"; sourceTree = "<group>"; };
81AB9BB72411601600AC10FF /* LaunchScreen.storyboard */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = file.storyboard; name = LaunchScreen.storyboard; path = Databag/LaunchScreen.storyboard; sourceTree = "<group>"; };
89C6BE57DB24E9ADA2F236DE /* Pods-Databag-DatabagTests.release.xcconfig */ = {isa = PBXFileReference; includeInIndex = 1; lastKnownFileType = text.xcconfig; name = "Pods-Databag-DatabagTests.release.xcconfig"; path = "Target Support Files/Pods-Databag-DatabagTests/Pods-Databag-DatabagTests.release.xcconfig"; sourceTree = "<group>"; };
BCFB7DA873D4045CEFDFA64B /* Pods_Databag.framework */ = {isa = PBXFileReference; explicitFileType = wrapper.framework; includeInIndex = 0; path = Pods_Databag.framework; sourceTree = BUILT_PRODUCTS_DIR; };
@ -123,6 +125,7 @@
83CBB9F61A601CBA00E9B192 = {
isa = PBXGroup;
children = (
7B9969C72C9BEB0200CE1F49 /* QBImagePicker.storyboard */,
7B466B912C7061BF00FE912E /* GoogleService-Info.plist */,
7B413FF92C6CFD4F0032D17C /* MaterialCommunityIcons.ttf */,
13B07FAE1A68108700A75B9A /* Databag */,
@ -252,6 +255,7 @@
isa = PBXResourcesBuildPhase;
buildActionMask = 2147483647;
files = (
7B9969C82C9BEB0200CE1F49 /* QBImagePicker.storyboard in Resources */,
81AB9BB82411601600AC10FF /* LaunchScreen.storyboard in Resources */,
13B07FBF1A68108700A75B9A /* Images.xcassets in Resources */,
054418A1394B8F74B2D5F56A /* PrivacyInfo.xcprivacy in Resources */,
@ -632,10 +636,7 @@
"-DFOLLY_CFG_NO_COROUTINES=1",
"-DFOLLY_HAVE_CLOCK_GETTIME=1",
);
OTHER_LDFLAGS = (
"$(inherited)",
" ",
);
OTHER_LDFLAGS = "$(inherited) ";
REACT_NATIVE_PATH = "${PODS_ROOT}/../../node_modules/react-native";
SDKROOT = iphoneos;
USE_HERMES = true;
@ -718,10 +719,7 @@
"-DFOLLY_CFG_NO_COROUTINES=1",
"-DFOLLY_HAVE_CLOCK_GETTIME=1",
);
OTHER_LDFLAGS = (
"$(inherited)",
" ",
);
OTHER_LDFLAGS = "$(inherited) ";
REACT_NATIVE_PATH = "${PODS_ROOT}/../../node_modules/react-native";
SDKROOT = iphoneos;
USE_HERMES = true;