Mirrors/notesnook
1
0
Fork 0
mirror of https://github.com/streetwriters/notesnook.git synced 2025-12-23 06:59:31 +01:00
Code Issues Packages Projects Releases Wiki Activity

fix adding tags and tag suggestions

Browse Source
This commit is contained in:
ammarahm-ed
2020-03-04 09:51:13 +05:00
parent 99a5374d9b
commit c637f1f35c
2 changed files with 81 additions and 69 deletions
Download Patch File Download Diff File Expand all files Collapse all files

128
apps/mobile/src/components/ActionSheetComponent/index.js
View File

@@ -7,6 +7,7 @@ import {
TouchableOpacity,
View,
Platform,
ToastAndroid,
} from 'react-native';
import FastStorage from 'react-native-fast-storage';
import Icon from 'react-native-vector-icons/MaterialCommunityIcons';
@@ -94,7 +95,7 @@ export const ActionSheetComponent = ({
await db.notes.note(note.id).tag(tag);
setNote({...db.notes.note(note.id).data});
dispatch({type: ACTIONS.TAGS});
tagToAdd = '';
};
@@ -127,7 +128,7 @@ export const ActionSheetComponent = ({
tagsInputRef.current?.setNativeProps({
text: '',
});
} else if (event.nativeE.key === ',') {
} else if (event.nativeEvent.key === ',') {
_onSubmit();
tagsInputRef.current?.setNativeProps({
text: '',
@@ -688,6 +689,77 @@ export const ActionSheetComponent = ({
style={{
marginHorizontal: 12,
}}>
<View
style={{
flexDirection: 'row',
flexWrap: 'wrap',
marginBottom: 5,
marginTop: 5,
alignItems: 'center',
}}>
<Text
style={{
fontFamily: WEIGHT.regular,
fontSize: SIZE.xs,
color: colors.accent,
}}>
Suggestions:{' '}
</Text>
{tags
.filter(o => o.count > 1 && !note.tags.find(t => t === o.title))
.map(tag => (
<TouchableOpacity
key={tag.title}
onPress={() => {
tagToAdd = tag.title;
_onSubmit();
}}
style={{
flexDirection: 'row',
justifyContent: 'flex-start',
alignItems: 'center',
margin: 1,
marginRight: 5,
paddingHorizontal: 5,
paddingVertical: 1,
borderRadius: 2.5,
borderBottomWidth: 1,
borderBottomColor: colors.nav,
}}>
<Text
style={{
fontFamily: WEIGHT.regular,
fontSize: SIZE.xs,
color: colors.pri,
}}>
<Text
style={{
color: colors.accent,
}}>
#
</Text>
{tag.title}{' '}
</Text>
<View
style={{
borderRadius: 2.5,
backgroundColor: colors.accent,
alignItems: 'center',
justifyContent: 'center',
}}>
<Text
style={{
color: 'white',
fontSize: SIZE.xxs - 2,
minWidth: 12,
textAlign: 'center',
}}>
{tag.count}
</Text>
</View>
</TouchableOpacity>
))}
</View>
<View
style={{
flexDirection: 'row',
@@ -737,58 +809,6 @@ export const ActionSheetComponent = ({
onKeyPress={_onKeyPress}
/>
</View>
<View
style={{
flexDirection: 'row',
flexWrap: 'wrap',
marginBottom: 5,
marginTop: 5,
alignItems: 'center',
}}>
<Text
style={{
fontFamily: WEIGHT.regular,
fontSize: SIZE.xs,
color: colors.accent,
}}>
Suggestions:{' '}
</Text>
{tags
.filter(o => o.count > 1)
.map(tag => (
<TouchableOpacity
key={tag}
onPress={async () => {}}
style={{
flexDirection: 'row',
justifyContent: 'flex-start',
alignItems: 'center',
margin: 1,
marginRight: 3,
paddingHorizontal: 5,
paddingVertical: 1,
backgroundColor: Platform.ios
? hexToRGBA(colors.accent + '19')
: hexToRGBA(colors.shade),
borderRadius: 2.5,
}}>
<Text
style={{
fontFamily: WEIGHT.regular,
fontSize: SIZE.xs,
color: colors.pri,
}}>
<Text
style={{
color: colors.accent,
}}>
#
</Text>
{tag.title}
</Text>
</TouchableOpacity>
))}
</View>
</View>
) : null}