File tree Expand file tree Collapse file tree 1 file changed +7
-4
lines changed Expand file tree Collapse file tree 1 file changed +7
-4
lines changed Original file line number Diff line number Diff line change @@ -5,9 +5,12 @@ Now, let's build some features. We are going to build an app that let users stor
5
5
* [ 1. User Information] ( #1-user-information )
6
6
* [ 2. Daily Album] ( #2-daily-album )
7
7
* [ 3. Create Album Component] ( #3-create-album-component )
8
+ * [ Album] ( #album )
9
+ * [ AlbumItem] ( #albumitem )
10
+ * [ FilePicker] ( #filepicker )
8
11
* [ 4. Refresh Album] ( #4-refresh-album )
9
12
* [ 5. Upload Text] ( #5-upload-text )
10
- * [ 6. Run App] ( #5 -run-app )
13
+ * [ 6. Run App] ( #6 -run-app )
11
14
12
15
## 1. User Information
13
16
@@ -105,7 +108,7 @@ Then render with `theme`
105
108
106
109
## 3. Create Album Component
107
110
108
- ** Album**
111
+ ### Album
109
112
110
113
Let's create our own ` <Album> ` so we don't need to learn Amplify theming.
111
114
@@ -149,7 +152,7 @@ Load items to render
149
152
150
153
<img src =" album-render-key.png " width =" 480px " />
151
154
152
- ** AlbumItem**
155
+ ### AlbumItem
153
156
154
157
Of course we want image instead of the key. Let's create an ` <AlbumItem> ` for it.
155
158
@@ -187,7 +190,7 @@ Then update `src/components/album/Album.jsx`
187
190
{ items.map(item => <AlbumItem key={item.key} item={item} />) }
188
191
```
189
192
190
- ** FilePicker**
193
+ ### FilePicker
191
194
192
195
Now we can see the images uploaded by ` <S3Album> ` . Let's build a component to upload file.
193
196
You can’t perform that action at this time.
0 commit comments