From 50235bc304db2e309d2de63452f301139fc3f9cc Mon Sep 17 00:00:00 2001 From: Maksymilian Jopek Date: Thu, 13 Apr 2023 22:31:47 +0200 Subject: Change colors Fix bug in Options.js Add License Add node version --- components/NoteView.js | 2 +- components/NotesList.js | 6 +++--- components/Options.js | 12 ++++++------ 3 files changed, 10 insertions(+), 10 deletions(-) (limited to 'components') diff --git a/components/NoteView.js b/components/NoteView.js index 820eaf9..762ac2b 100644 --- a/components/NoteView.js +++ b/components/NoteView.js @@ -53,7 +53,7 @@ export default class NoteView extends React.Component { if (!nk) notesKeys = [0]; else notesKeys = JSON.parse(nk); const key = this.state.isNew ? Math.max(...notesKeys) + 1 : this.state.note.key; const date = Date.now(); - const colors = ["darkred", "darkblue", "darkcyan", "darkgreen"] + const colors = ["#49d96c", "#f5ac58", "pink", "darkcyan"] const color = this.state.isNew ? colors[Math.floor(Math.random() * colors.length)] : this.state.note.color if (this.state.isNew) notesKeys.push(key); diff --git a/components/NotesList.js b/components/NotesList.js index 9525b11..2075da4 100644 --- a/components/NotesList.js +++ b/components/NotesList.js @@ -89,7 +89,7 @@ export default class NotesList extends React.Component { keyExtractor={(_, i) => i.toString()} contentContainerStyle={styles.list} style={styles.list} - numColumns={2} + numColumns={1} /> @@ -123,8 +123,8 @@ const styles = StyleSheet.create({ backgroundColor: "black", }, note: { - width: 160, - height: 160, + width: 350, + height: 200, backgroundColor: "red", borderRadius: 10, padding: 10, diff --git a/components/Options.js b/components/Options.js index fd0c21c..8138133 100644 --- a/components/Options.js +++ b/components/Options.js @@ -4,14 +4,14 @@ import * as SecureStore from 'expo-secure-store'; let a = true export default function CategoryView(props) { - let [font, setFont] = React.useState(0) + let [font, setFont] = React.useState(22) async function setFontSS(f) { setFont(f); await SecureStore.setItemAsync('font', f.toString()) } - React.useEffect(() => getFont(setFont), []) + React.useEffect(() => { getFont(setFont) }, []) if (a) { props.navigation.addListener('focus', () => getFont(setFont)) a = false @@ -19,10 +19,10 @@ export default function CategoryView(props) { return ( - Selected font: {font} - setFontSS(12)}>Font 12 - setFontSS(19)}>Font 19 - setFontSS(26)}>Font 26 + Selected font: {font} + setFontSS(12)}>Font 12 + setFontSS(19)}>Font 19 + setFontSS(26)}>Font 26 ) } -- cgit v1.3.1