bugs fixed

Author: Muammer Alkış

database/db.json

@@ -0,0 +1,26 @@
+{
+  "posts": [
+    {
+      "id": 1,
+      "title": "json-server",
+      "author": "typicode"
+    }
+  ],
+  "notes": [
+    {
+      "title": "Bir yeni mesaj",
+      "date": "10.08.2021 23:04:24",
+      "content": "Let’s share together :)",
+      "id": 1628625851995
+    },
+    {
+      "title": "New Note",
+      "date": "10.08.2021 23:08:24",
+      "content": "In quo pertineant non quo aut voluptates repudiandae sint et impetus quo ignorare. Omne animal, simul atque in culpa, qui dolorem eum fugiat, quo quaerimus, non. Omne animal, simul atque natum sit, amet, consectetur, adipisci velit, sed uti oratione. In oculis quidem se ipsam voluptatem, quia voluptas expetenda, fugiendus dolor sit, amet. Torquatos nostros? quos dolores suscipiantur maiorum dolorum fuga et expedita distinctio nam libero. Tum dicere exorsus est primum igitur, inquit, modo ista sis aequitate, quam nihil.",
+      "id": 1628626102074
+    }
+  ],
+  "profile": {
+    "name": "typicode"
+  }
+}

db.json

@@ -4,8 +4,15 @@
  *
  * @format
  */
+const exclusionList = require('metro-config/src/defaults/exclusionList');
+
+// exclusionList is a function that takes an array of regexes and combines
+// them with the default exclusions to return a single regex.
 
 module.exports = {
+  resolver: {
+    blacklistRE: exclusionList([/database\/.*/]),
+  },
   transformer: {
     getTransformOptions: async () => ({
       transform: {

metro.config.js

@@ -0,0 +1,25 @@
+import axios from 'axios';
+import {Alert} from 'react-native';
+
+axios.defaults.baseURL = 'http://localhost:3000/';
+
+const baseRequest = {
+  request: async (method, path, params) => {
+    try {
+      const result = await axios({
+        method,
+        url: path,
+        data: params,
+      });
+      return result;
+    } catch (e) {
+      console.log(e);
+      Alert.alert('Error', e.message, [{text: 'Ok'}]);
+    }
+  },
+  get: path => baseRequest.request('GET', path),
+  post: (path, params) => baseRequest.request('POST', path, params),
+  put: (path, params) => baseRequest.request('PUT', path, params),
+  delete: (path, params) => baseRequest.request('DELETE', path, params),
+};
+export default baseRequest;

src/_core/baseRequest.js

@@ -1,4 +1,4 @@
-import React, {useLayoutEffect, useState} from 'react';
+import React, {useLayoutEffect, useState, useEffect} from 'react';
 import {
   View,
   Text,
@@ -12,15 +12,13 @@ import {
   Platform,
   Alert,
 } from 'react-native';
-import {useEffect} from 'react/cjs/react.development';
 import Ionicons from 'react-native-vector-icons/Ionicons';
 import MaterialCommunityIcons from 'react-native-vector-icons/MaterialCommunityIcons';
 
 import colors from '../utils/colors';
-import axios from 'axios';
+import baseRequest from '../_core/baseRequest';
 
 const DetailScreen = ({route, navigation}) => {
-  const baseUrl = 'http://localhost:3000/';
 
   const [title, setTitle] = useState('New Note');
   const [date, setDate] = useState();
@@ -65,27 +63,22 @@ const DetailScreen = ({route, navigation}) => {
   }, [route]);
 
   const saveChanges = async () => {
-    try {
-      let result;
-      if (route.params) {
-        result = await axios.put(baseUrl + 'notes/' + id, {
-          title,
-          date: new Date().toLocaleString('tr-TR'),
-          content,
-          id: id,
-        });
-      } else {
-        result = await axios.post(baseUrl + 'notes', {
-          title,
-          date: new Date().toLocaleString('tr-TR'),
-          content,
-          id: id,
-        });
-      }
-      navigation.goBack();
-    } catch (e) {
-      Alert.alert('Error', e.message, [{text: 'Ok'}]);
+    if (route.params) {
+      await baseRequest.put('notes/' + id, {
+        title,
+        date: new Date().toLocaleString('tr-TR'),
+        content,
+        id: id,
+      });
+    } else {
+      await baseRequest.post('notes', {
+        title,
+        date: new Date().toLocaleString('tr-TR'),
+        content,
+        id: id,
+      });
     }
+    navigation.goBack();
   };
 
   const onChangeTitle = event => {

src/screens/DetailScreen.js

@@ -1,5 +1,5 @@
-import axios from 'axios';
 import React, {useEffect, useState} from 'react';
+import {useIsFocused} from '@react-navigation/native';
 import {
   View,
   Text,
@@ -17,17 +17,18 @@ import Ionicons from 'react-native-vector-icons/Ionicons';
 
 import NoteCard from './NoteCard';
 import colors from '../../utils/colors';
+import baseRequest from '../../_core/baseRequest';
 
 const HomeScreen = ({navigation}) => {
-  const baseUrl = 'http://localhost:3000/';
+  const isFocused = useIsFocused();
 
   const [loading, setLoading] = useState(true);
   const [refreshing, setRefreshing] = useState(false);
   const [notes, setNotes] = useState();
 
   const getNotes = async () => {
     try {
-      const data = await axios.get(baseUrl + 'notes');
+      const data = await baseRequest.get('notes');
       setNotes(data.data);
     } catch (e) {
       Alert.alert('Error', 'An error occurred', [{text: 'Ok'}]);
@@ -46,11 +47,17 @@ const HomeScreen = ({navigation}) => {
     }
   }, [refreshing]);
 
+  useEffect(() => {
+    if (isFocused) {
+      getNotes();
+    }
+  }, [isFocused]);
+
   const search = async event => {
     const text = event.nativeEvent.text;
 
     try {
-      const data = await axios.get(baseUrl + 'notes' + '?q=' + text);
+      const data = await baseRequest.get('notes' + '?q=' + text);
       setNotes(data.data);
     } catch (e) {
       Alert.alert('Error', 'An error occurred while searching', [{text: 'Ok'}]);

src/screens/HomeScreen/HomeScreen.js

@@ -1,11 +1,10 @@
-import axios from 'axios';
-import React, {useEffect} from 'react';
+import React from 'react';
 import {View, Text, StyleSheet, TouchableOpacity, Alert} from 'react-native';
 
 import colors from '../../utils/colors';
+import baseRequest from '../../_core/baseRequest';
 
 const NoteCard = ({item, navigation, setRefreshing}) => {
-  const baseUrl = 'http://localhost:3000/';
   const {title, date, content, id} = item;
 
   const goDetail = () => {
@@ -23,7 +22,7 @@ const NoteCard = ({item, navigation, setRefreshing}) => {
   };
 
   const deleteItem = async () => {
-    await axios.delete(baseUrl + 'notes/' + id);
+    await baseRequest.delete('notes/' + id);
     setRefreshing(true);
   };
 
@@ -36,7 +35,9 @@ const NoteCard = ({item, navigation, setRefreshing}) => {
       <Text style={styles.title}>{title}</Text>
       <Text style={styles.date}>{date}</Text>
       <View style={styles.seperator} />
-      <Text numberOfLines={4} style={styles.content}>{content}</Text>
+      <Text numberOfLines={4} style={styles.content}>
+        {content}
+      </Text>
     </TouchableOpacity>
   );
 };