summaryrefslogtreecommitdiffstats
path: root/finished-application/frontend/components/LoadingItem.js
diff options
context:
space:
mode:
authorWes Bos <wesbos@gmail.com>2018-06-14 16:44:21 -0400
committerWes Bos <wesbos@gmail.com>2018-06-14 16:44:21 -0400
commitb1600adec47a04f60e1da07d94a3ed3906ff5aee (patch)
tree828f786da6806d7237ee5cbc5df61e552353b85b /finished-application/frontend/components/LoadingItem.js
parenta95e08cd2dd5d7ec0a0412adae02515a5f9cec4f (diff)
starter files
Diffstat (limited to 'finished-application/frontend/components/LoadingItem.js')
-rw-r--r--finished-application/frontend/components/LoadingItem.js22
1 files changed, 22 insertions, 0 deletions
diff --git a/finished-application/frontend/components/LoadingItem.js b/finished-application/frontend/components/LoadingItem.js
new file mode 100644
index 0000000..5736337
--- /dev/null
+++ b/finished-application/frontend/components/LoadingItem.js
@@ -0,0 +1,22 @@
+import React from 'react';
+import Title from './styles/Title';
+import ItemStyles from './styles/ItemStyles';
+
+class LoadingItem extends React.Component {
+ render() {
+ return (
+ <ItemStyles>
+ <img
+ src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7"
+ alt="Loading..."
+ />>
+ <Title>
+ <a>Loading...</a>
+ </Title>
+ <p>Please Wait</p>
+ </ItemStyles>
+ );
+ }
+}
+
+export default LoadingItem;