Add real-life test data

Author: alexslavr

components/NoteListItem.js

@@ -27,7 +27,7 @@ const styles = StyleSheet.create({
   title: {
     flexDirection: 'row',
     alignItems: 'center',
-    marginBottom: 15
+    marginBottom: 10
   },
 
   avatar: {
@@ -45,6 +45,16 @@ const styles = StyleSheet.create({
     fontSize: 16
   },
 
+  time: {
+    fontSize: 14,
+    opacity: 0.8
+  },
+
+  text: {
+    fontSize: 16,
+    color: '#222222'
+  },
+
   button: {
     position: 'absolute',
     right: 0,
@@ -107,10 +117,10 @@ export class NoteListItem extends PureComponent {
           <Image style={styles.avatar} source={avatar} />
           <View style={styles.info}>
             <Text style={styles.name}>{userName}</Text>
-            <Text style={styles.name}>{editTime}</Text>
+            <Text style={styles.time}>{editTime}</Text>
           </View>
         </View>
-        <Text style={styles.name}>{text}</Text>
+        <Text style={styles.text}>{text}</Text>
         <MenuButton
           style={styles.button}
           ref={ref => this._buttonRef = ref}

redux/actions.js

@@ -1,7 +1,4 @@
-const currentUser = {
-  userName: 'Alex Lavrov',
-  avatar: require('../images/avatar_1.jpg'),
-}
+import { currentUser } from './testData'
 
 export const actionTypes = {
   PROJECT_ADDED: 'PROJECT_ADDED',
@@ -29,8 +26,7 @@ export const actions = {
       projectId,
       note: {
         id: noteId,
-        userName: currentUser.userName,
-        avatar: currentUser.avatar,
+        ...currentUser,
         editTime: new Date().toDateString(),
         text
       }
@@ -43,8 +39,7 @@ export const actions = {
       projectId,
       note: {
         id: noteId,
-        userName: currentUser.userName,
-        avatar: currentUser.avatar,
+        ...currentUser,
         editTime: new Date().toDateString(),
         text
       }

redux/store.js

@@ -1,53 +1,5 @@
 import { createStore } from 'redux'
 import { reducer } from './reducer'
-
-const avatar_2 = require('../images/avatar_2.jpg')
-const avatar_3 = require('../images/avatar_3.jpg')
-
-export const initialState = {
-  projects: [
-    {
-      id: 'project_1',
-      name: 'Project #1',
-      notes: [
-        {
-          id: '1',
-          userName: 'Alex',
-          avatar: avatar_2,
-          editTime: '11-11-2011',
-          text: 'Some text here'
-        },
-        {
-          id: '2',
-          userName: 'Alex',
-          avatar: avatar_3,
-          editTime: '11-11-2011',
-          text: 'Test \n\n text \n\n here'
-        },
-        {
-          id: '3',
-          userName: 'Alex',
-          avatar: avatar_2,
-          editTime: '11-11-2011',
-          text: 'Test text Test textTest textTest textTest textTest textTest textTest textTest textTest textTest text'
-        }
-      ]
-    },
-    {
-      id: 'project_2',
-      name: 'Second Project',
-      notes: [
-        {
-          id: '1',
-          userName: 'Alex',
-          avatar: avatar_3,
-          editTime: '11-11-2011',
-          text: 'asdfdasfsadf sadfsadf asdfsad sadfas'
-        }
-      ]
-    }
-  ]
-}
-
+import { initialState } from './testData'
 
 export const store = createStore(reducer, initialState)

redux/testData.js

@@ -0,0 +1,59 @@
+const avatar_1 = require('../images/avatar_1.jpg')
+const avatar_2 = require('../images/avatar_2.jpg')
+const avatar_3 = require('../images/avatar_3.jpg')
+
+const user_1 = {
+  userName: 'Мурзик',
+  avatar: avatar_2
+}
+
+const user_2 = {
+  userName: 'Томас',
+  avatar: avatar_3
+}
+
+export const currentUser = {
+  userName: 'Корнелиус',
+  avatar: avatar_1
+}
+
+export const initialState = {
+  projects: [
+    {
+      id: 'project_1',
+      name: 'Первый тестовый проект',
+      notes: [
+        {
+          id: '1',
+          ...user_2,
+          editTime: 'Mon Aug 27 2018',
+          text: 'Тестирую возможности приложения'
+        }
+      ]
+    },
+    {
+      id: 'project_2',
+      name: 'Кража сосиски',
+      notes: [
+        {
+          id: '1',
+          ...user_1,
+          editTime: 'Sat Aug 25 2018',
+          text: 'Активные действия беру на себя!'
+        },
+        {
+          id: '2',
+          ...user_2,
+          editTime: 'Sun Aug 26 2018',
+          text: 'Я отвлеку хозяина'
+        },
+        {
+          id: '3',
+          ...currentUser,
+          editTime: 'Mon Aug 27 2018',
+          text: 'Парни, в этот раз без меня. Я пока отлежусь. Позовите, если у вас все получится'
+        }
+      ]
+    }
+  ]
+}