1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
|
import imgApi from './images';
import avatarApi from './avatars';
const timelineData = [
{
id: '1',
name: 'John Doe',
date: 'September, 12 2018',
time: '08:01',
icon: 'add_circle',
avatar: avatarApi[6],
image: imgApi[19],
content: 'Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse sed urna in justo euismod condimentum. Fusce placerat enim et odio molestie sagittis.',
liked: true,
comments: [
{
id: '1_1',
from: 'Jane Doe',
avatar: avatarApi[2],
date: 'May, 29 2018',
message: 'Maecenas nisl libero, tincidunt id odio id, feugiat vulputate quam. Vestibulum feugiat rhoncus metus. In non erat et ipsum molestie porta sit amet ut felis. Vestibulum a massa vestibulum, gravida odio id, fringilla ipsum.'
},
{
id: '1_2',
from: 'Jim Doe',
avatar: avatarApi[10],
date: 'May, 29 2018',
message: 'Ut sed eros finibus, placerat orci id, dapibus mauris.'
},
{
id: '1_3',
from: 'Jihan Doe',
avatar: avatarApi[4],
date: 'May, 29 2018',
message: 'Sed imperdiet enim ligula, vitae viverra justo porta vel. Duis eget felis bibendum, pretium mi sed, placerat ante. Vivamus sit amet interdum elit. Proin lacinia erat ac velit tempus auctor. Interdum et malesuada fames ac ante ipsum primis in faucibus. Aliquam nec ex aliquet, aliquam neque non, gravida est. '
}
]
},
{
id: '2',
name: 'John Doe',
date: 'September, 10 2018',
time: '03:20',
icon: 'date_range',
avatar: avatarApi[6],
image: '',
content: 'Quisque ut metus sit amet augue rutrum feugiat. Vestibulum bibendum nisi eget magna malesuada, at mattis eros efficitur. Vivamus facilisis quam ullamcorper iaculis gravida.',
liked: true,
comments: [
{
id: '2_1',
from: 'Jane Doe',
avatar: avatarApi[2],
date: 'May, 29 2018',
message: 'Maecenas nisl libero, tincidunt id odio id, feugiat vulputate quam. Vestibulum feugiat rhoncus metus. In non erat et ipsum molestie porta sit amet ut felis. Vestibulum a massa vestibulum, gravida odio id, fringilla ipsum.'
},
{
id: '2_2',
from: 'Jihan Doe',
avatar: avatarApi[4],
date: 'May, 29 2018',
message: 'Sed imperdiet enim ligula, vitae viverra justo porta vel. Duis eget felis bibendum, pretium mi sed, placerat ante. Vivamus sit amet interdum elit. Proin lacinia erat ac velit tempus auctor. Interdum et malesuada fames ac ante ipsum primis in faucibus. Aliquam nec ex aliquet, aliquam neque non, gravida est. '
}
]
},
{
id: '3',
name: 'John Doe',
date: 'Aug, 17 2018',
time: '04:10',
icon: 'description',
avatar: avatarApi[6],
image: imgApi[20],
content: 'Vivamus sit amet interdum elit. Proin lacinia erat ac velit tempus auctor. Interdum et malesuada fames ac ante ipsum primis in faucibus.',
liked: false,
comments: [
{
id: '3_1',
from: 'Jack Doe',
avatar: avatarApi[8],
date: 'May, 29 2018',
message: 'Maecenas nisl libero, tincidunt id odio id, feugiat vulputate quam. Vestibulum feugiat rhoncus metus. In non erat et ipsum molestie porta sit amet ut felis. Vestibulum a massa vestibulum, gravida odio id, fringilla ipsum.'
},
{
id: '3_2',
from: 'Jim Doe',
avatar: avatarApi[9],
date: 'May, 29 2018',
message: 'Ut sed eros finibus, placerat orci id, dapibus mauris.'
},
{
id: '3_3',
from: 'Jihan Doe',
avatar: avatarApi[4],
date: 'May, 29 2018',
message: 'Sed imperdiet enim ligula, vitae viverra justo porta vel. Duis eget felis bibendum, pretium mi sed, placerat ante. Vivamus sit amet interdum elit. Proin lacinia erat ac velit tempus auctor. Interdum et malesuada fames ac ante ipsum primis in faucibus. Aliquam nec ex aliquet, aliquam neque non, gravida est. '
},
{
id: '3_4',
from: 'Janet Doe',
avatar: avatarApi[5],
date: 'May, 29 2018',
message: 'Aenean sit amet magna'
}
]
},
{
id: '4',
name: 'John Doe',
date: 'Aug, 10 2018',
time: '08:05',
icon: 'favorite',
avatar: avatarApi[6],
image: '',
content: 'Donec dignissim, odio ac imperdiet luctus, ante nisl accumsan justo, et venenatis ante metus pellentesque sem.',
liked: true,
comments: [
{
id: '4_1',
from: 'Jane Doe',
avatar: avatarApi[2],
date: 'May, 29 2018',
message: 'Maecenas nisl libero, tincidunt id odio id, feugiat vulputate quam. Vestibulum feugiat rhoncus metus. In non erat et ipsum molestie porta sit amet ut felis. Vestibulum a massa vestibulum, gravida odio id, fringilla ipsum.'
}
]
},
{
id: '5',
name: 'John Doe',
date: 'Aug, 10 2018',
time: '02:50',
icon: 'lock',
avatar: avatarApi[6],
image: imgApi[12],
content: 'Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse sed urna in justo euismod condimentum. Fusce placerat enim et odio molestie sagittis.',
liked: false,
comments: [
{
id: '5_1',
from: 'Jim Doe',
avatar: avatarApi[9],
date: 'May, 29 2018',
message: 'Ut sed eros finibus, placerat orci id, dapibus mauris.'
},
{
id: '5_2',
from: 'Jihan Doe',
avatar: avatarApi[4],
date: 'May, 29 2018',
message: 'Sed imperdiet enim ligula, vitae viverra justo porta vel. Duis eget felis bibendum, pretium mi sed, placerat ante. Vivamus sit amet interdum elit. Proin lacinia erat ac velit tempus auctor. Interdum et malesuada fames ac ante ipsum primis in faucibus. Aliquam nec ex aliquet, aliquam neque non, gravida est. '
}
]
}
];
export default timelineData;
|
