n{iQk~yP
z>7N{S4)r*!NwQ`(qcN#8SRQsNK6>{)X12nbF`*7#ecO7I)Q$uZsV+xS4E7aUn+U(K
baj7?x%VD!5Cxk2YbYLNVeiXvvpMCWYo=by@
literal 0
HcmV?d00001
diff --git a/instagram-app/public/index.html b/instagram-app/public/index.html
new file mode 100644
index 0000000000..dd1ccfd4cd
--- /dev/null
+++ b/instagram-app/public/index.html
@@ -0,0 +1,38 @@
+
+
+
+
+
+
+
+
+
+
+ React App
+
+
+
+
+
+
+
diff --git a/instagram-app/public/manifest.json b/instagram-app/public/manifest.json
new file mode 100644
index 0000000000..1f2f141faf
--- /dev/null
+++ b/instagram-app/public/manifest.json
@@ -0,0 +1,15 @@
+{
+ "short_name": "React App",
+ "name": "Create React App Sample",
+ "icons": [
+ {
+ "src": "favicon.ico",
+ "sizes": "64x64 32x32 24x24 16x16",
+ "type": "image/x-icon"
+ }
+ ],
+ "start_url": ".",
+ "display": "standalone",
+ "theme_color": "#000000",
+ "background_color": "#ffffff"
+}
diff --git a/instagram-app/src/App.css b/instagram-app/src/App.css
new file mode 100644
index 0000000000..b3c97bd7e1
--- /dev/null
+++ b/instagram-app/src/App.css
@@ -0,0 +1,25 @@
+.App {
+ text-align: center;
+ padding: 0 100px;
+}
+
+.App-logo {
+ animation: App-logo-spin infinite 20s linear;
+ height: 40vmin;
+ pointer-events: none;
+}
+
+.App-header {
+ background-color: #282c34;
+ min-height: 100vh;
+ display: flex;
+ flex-direction: column;
+ align-items: center;
+ justify-content: center;
+ font-size: calc(10px + 2vmin);
+ color: white;
+}
+
+.App-link {
+ color: #61dafb;
+}
diff --git a/instagram-app/src/App.js b/instagram-app/src/App.js
new file mode 100644
index 0000000000..e54fb70bde
--- /dev/null
+++ b/instagram-app/src/App.js
@@ -0,0 +1,52 @@
+import React, { Component } from 'react';
+import './App.css';
+// import dummyData from './dummy-data';
+// import PostContainer from './components/PostContainer/PostContainer';
+// import SearchBar from './components/SearchBar/SearchBar';
+import PostsPage from './components/PostContainer/PostsPage';
+
+class App extends Component {
+ constructor() {
+ super();
+ this.state = {
+ // posts: [],
+ // filteredPosts: []
+ };
+ }
+ /** componentDidMount () {
+ this.setState({posts: dummyData});
+ }
+ searchPostsHandler = e => {
+ const posts = this.state.posts.filter(p => {
+ if (p.username.includes(e.target.value)) {
+ return p;
+ } else {
+ return null;
+ }
+ });
+ this.setState({ filteredPosts: posts });
+ };
+ */
+
+ render() {
+ return (
+
+ {/*
+
0
+ ? this.state.filteredPosts
+ : this.state.posts
+ }
+ />
+ */}
+
+
+ {props.comment.text}{' '}
+ -{props.comment.username}
+
+ );
+};
+
+Comment.propTypes = {
+ comment: PropTypes.shape({
+ text: PropTypes.string,
+ username: PropTypes.string
+ })
+};
+
+export default Comment;
\ No newline at end of file
diff --git a/instagram-app/src/components/CommentSection/CommentInput.js b/instagram-app/src/components/CommentSection/CommentInput.js
new file mode 100644
index 0000000000..cdaeeeb516
--- /dev/null
+++ b/instagram-app/src/components/CommentSection/CommentInput.js
@@ -0,0 +1,16 @@
+import React from 'react';
+
+const CommentInput = props => {
+ return (
+
+ );
+};
+
+export default CommentInput;
\ No newline at end of file
diff --git a/instagram-app/src/components/CommentSection/CommentSectionContainer.js b/instagram-app/src/components/CommentSection/CommentSectionContainer.js
new file mode 100644
index 0000000000..efa4078d74
--- /dev/null
+++ b/instagram-app/src/components/CommentSection/CommentSectionContainer.js
@@ -0,0 +1,72 @@
+import React from 'react';
+import PropTypes from 'prop-types';
+import Comment from './Comment';
+import CommentInput from './CommentInput';
+
+class CommentSectionContainer extends React.Component {
+ constructor(props) {
+ super(props);
+ this.state = {
+ comments: props.comments,
+ comment: ''
+ };
+ }
+ componentDidMount() {
+ const id = this.props.postId;
+ if (localStorage.getItem(id)) {
+ // alert('Yay!');
+ this.setState({
+ comments: JSON.parse(localStorage.getItem(this.props.postId))
+ });
+ } else {
+ this.setComments();
+ }
+ }
+
+ componenetWillUnmount() {
+ this.setComments();
+ }
+
+ setComments = () => {
+ localStorage.setItem(
+ this.props.postId,
+ JSON.stringify(this.state.comments)
+ );
+ };
+
+ commentHandler = e => {
+ this.setState({ comment: e.target.value });
+ };
+
+ handleCommentSubmit = e => {
+ e.preventDefault();
+ const newComment = { username: 'sharanjitsandhu', text: this.state.comment};
+ const comments = this.state.comments.slice();
+ comments.push(newComment);
+ this.setState({ comments, comment: '' });
+ setTimeout(() => {
+ this.setComments();
+ }, 500);
+ };
+
+ render() {
+ return (
+
+ {this.state.comments.map((c, i) => )}
+
+
+ );
+ }
+}
+
+CommentSectionContainer.propTypes = {
+ comments: PropTypes.arrayOf(
+ PropTypes.shape({ username: PropTypes.string, text: PropTypes.string })
+ )
+};
+
+export default CommentSectionContainer;
\ No newline at end of file
diff --git a/instagram-app/src/components/PostContainer/Post.js b/instagram-app/src/components/PostContainer/Post.js
new file mode 100644
index 0000000000..e2c0089a3b
--- /dev/null
+++ b/instagram-app/src/components/PostContainer/Post.js
@@ -0,0 +1,36 @@
+import React from 'react';
+import CommentSection from '../CommentSection/CommentSectionContainer';
+import PropTypes from 'prop-types';
+import PostHeader from './PostHeader';
+
+import './Posts.css';
+
+const Post = props => {
+ return (
+
+
+
+
+
+
+
+ {dummyData.map(dummy => {
+ return
{dummy.imageUrl}
;
+ })}
+
+ {props.posts.map(p =>
)}
+
+
+
+
+
{props.username}
+
+
+
0
+ ? this.state.filteredPosts
+ : this.state.posts
+ }
+ />
+
+
+
+
+
+
+
+
+ {/*
*/}
+
- {props.comment.text}{' '}
- -{props.comment.username}
-
- );
-};
-
-Comment.propTypes = {
- comment: PropTypes.shape({
- text: PropTypes.string,
- username: PropTypes.string
- })
-};
-
-export default Comment;
\ No newline at end of file
diff --git a/instagram-app/src/components/CommentSection/CommentInput.js b/instagram-app/src/components/CommentSection/CommentInput.js
deleted file mode 100644
index ab54c89221..0000000000
--- a/instagram-app/src/components/CommentSection/CommentInput.js
+++ /dev/null
@@ -1,16 +0,0 @@
-import React from 'react';
-
-const CommentInput = props => {
- return (
-
- );
-};
-
-export default CommentInput;
\ No newline at end of file
diff --git a/instagram-app/src/components/CommentSection/CommentSection.js b/instagram-app/src/components/CommentSection/CommentSection.js
new file mode 100644
index 0000000000..a9cc184fb7
--- /dev/null
+++ b/instagram-app/src/components/CommentSection/CommentSection.js
@@ -0,0 +1,58 @@
+import React, {Component} from 'react';
+import Comments from './Comments'
+
+class CommentSection extends Component {
+constructor(props){
+ super(props);
+ this.state = {
+ comments: [],
+ comment: '',
+ }
+}
+
+componentDidMount(){
+ this.setState({comments: this.props.comments})
+}
+
+addNewComment = event => {
+ event.preventDefault();
+ this.setState({
+ comments: [
+ ...this.state.comments,
+ {
+ text: this.state.comment,
+ username: 'ilovedoggos'
+ }
+ ]
+ })
+}
+
+handleChanges = event => {
+ this.setState({
+ [event.target.name]: event.target.value
+ });
+};
+
+render(){
+ return(
+
+ {this.state.comments.map((comments, index) =>
+ )}
+
+
);
+}
+}
+
+
+export default CommentSection;
\ No newline at end of file
diff --git a/instagram-app/src/components/CommentSection/CommentSectionContainer.js b/instagram-app/src/components/CommentSection/CommentSectionContainer.js
deleted file mode 100644
index f10abf70eb..0000000000
--- a/instagram-app/src/components/CommentSection/CommentSectionContainer.js
+++ /dev/null
@@ -1,76 +0,0 @@
-
-import React from 'react';
-import PropTypes from 'prop-types';
-import Comment from './Comment';
-import CommentInput from './CommentInput';
-
-class CommentSection extends React.Component {
- constructor(props) {
- super(props);
- this.state = {
- comments: props.comments,
- comment: ''
- };
- }
-
-
- componentDidMount(){
- const id = this.props.postId;
- if (localStorage.getItem(id)) {
- this.setState({
- comments: JSON.parse(localStorage.getItem(this.props.postId))
- });
-
- } else {
- this.setComments();
- }
-}
-
- componentWillUnmount() {
- this.setComments();
- }
-
- setComments = () => {
- localStorage.setItem(
- this.props.postId,
- JSON.stringify(this.state.comments)
- );
- };
-
-
- commentHandler = event => {
- this.setState({comment: event.target.value})
- }
-
- handleCommentSubmit = e => {
- e.preventDefault();
- const newComment = { text: this.state.comment, username: 'justinandrade' };
- const comments = this.state.comments.slice();
- comments.push(newComment);
- this.setState({ comments, comment: ''});
- setTimeout(() => {
- this.setComments();
- }, 500);
- };
-
- render() {
- return (
-
- {this.state.comments.map((c, i) => )}
-
-
- );
- }
-}
-
-CommentSection.propTypes = {
- comments: PropTypes.arrayOf(
- PropTypes.shape({ text: PropTypes.string, username: PropTypes.string })
- )
-};
-
-export default CommentSection;
\ No newline at end of file
diff --git a/instagram-app/src/components/CommentSection/Comments.js b/instagram-app/src/components/CommentSection/Comments.js
new file mode 100644
index 0000000000..8524c7f2ab
--- /dev/null
+++ b/instagram-app/src/components/CommentSection/Comments.js
@@ -0,0 +1,18 @@
+import React from 'react';
+import PropTypes from 'prop-types';
+
+const Comments = props => {
+ return(
+
+ {props.username}
+ {props.text}
+
+ );
+}
+
+Comments.propTypes= {
+ username: PropTypes.string.isRequired,
+ text: PropTypes.string.isRequired,
+}
+
+export default Comments;
\ No newline at end of file
diff --git a/instagram-app/src/components/Login/Login.js b/instagram-app/src/components/Login/Login.js
new file mode 100644
index 0000000000..f459b5023a
--- /dev/null
+++ b/instagram-app/src/components/Login/Login.js
@@ -0,0 +1,99 @@
+import React from 'react';
+import styled from 'styled-components';
+import { Button } from 'reactstrap';
+import PropTypes from 'prop-types';
+import instagram from '../../instagram.svg';
+
+const LoginPage = styled.div `
+ width: 75%;
+ margin: 0 auto;
+ display: flex;
+ flex-direction: column;
+ justify-content: center;
+ align-items: center;
+ height: 100vh;
+`
+
+const Form = styled.div `
+ display: flex;
+ flex-direction: column;
+ width: 70%;
+
+ & input {
+ margin: 1rem 0px;
+ }
+
+ & button {
+ margin: 0 auto;
+ width: 100%;
+ }
+`
+class Login extends React.Component {
+ constructor(){
+ super();
+ this.setState = {}
+ }
+ loggedIn = (e) => {
+ e.preventDefault();
+ const user = document.getElementById("user").value;
+ console.log(user.value)
+ localStorage.setItem('user', user)
+ window.location.reload()
+ }
+ render() {
+ return (
+
+ 
+ Instagram
+
+
+ );
+ }
+}
+
+
+Button.propTypes = {
+ active: PropTypes.bool,
+ 'aria-label': PropTypes.string,
+ block: PropTypes.bool,
+ color: PropTypes.string, // default: 'secondary'
+ disabled: PropTypes.bool,
+ outline: PropTypes.bool,
+
+ // Pass in a Component to override default button element
+ // example: react-router Link
+ // default: 'button'
+ tag: PropTypes.oneOfType([
+ PropTypes.func,
+ PropTypes.string,
+ PropTypes.shape({ $$typeof: PropTypes.symbol, render: PropTypes.func }),
+ PropTypes.arrayOf(PropTypes.oneOfType([
+ PropTypes.func,
+ PropTypes.string,
+ PropTypes.shape({ $$typeof: PropTypes.symbol, render: PropTypes.func }),
+ ]))
+ ]),
+
+ // ref will only get you a reference to the Button component, use innerRef to get a reference to the DOM element (for things like focus management).
+ innerRef: PropTypes.oneOfType([PropTypes.object, PropTypes.func, PropTypes.string]),
+
+ onClick: PropTypes.func,
+ size: PropTypes.string,
+ children: PropTypes.node,
+ className: PropTypes.string,
+ cssModule: PropTypes.object,
+
+ // use close prop for BS4 close icon utility
+ close: PropTypes.bool,
+ }
+
+ Button.defaultProps = {
+ color: 'secondary',
+ tag: 'button',
+ }
+export default Login;
\ No newline at end of file
diff --git a/instagram-app/src/components/PostsContainer/Post.js b/instagram-app/src/components/PostsContainer/Post.js
deleted file mode 100644
index d035d30964..0000000000
--- a/instagram-app/src/components/PostsContainer/Post.js
+++ /dev/null
@@ -1,35 +0,0 @@
-
-import React from 'react';
-import CommentSection from '../CommentSection/CommentSectionContainer';
-import PostHeader from './PostHeader';
-import heart from '../../assets/heart.svg';
-import message from '../../assets/message.svg';
-import share from '../../assets/share.svg'
-
-import './Posts.css';
-
-const Post = props => {
- return (
-
-
-
-
-
-
-
-
+ {props.posts.map(post =>
+
+
+
{post.username}
+
+
+ props.handleLikes(post.id)}>
+
+
+
{post.likes} Likes
+
+ 3 hours ago
+
+
+ )}
+
-
-
-
-
{props.username}
-
- {props.posts.map(p =>
)}
-
+
+
+
Instagram
+
+
+
+
+
+
+
+
+
+
+
+
+
+
-
-
-
-
-
-
-
-
-
Instagram
-
-
- );
- }
-}
-
-
-Button.propTypes = {
- active: PropTypes.bool,
- 'aria-label': PropTypes.string,
- block: PropTypes.bool,
- color: PropTypes.string, // default: 'secondary'
- disabled: PropTypes.bool,
- outline: PropTypes.bool,
-
- // Pass in a Component to override default button element
- // example: react-router Link
- // default: 'button'
- tag: PropTypes.oneOfType([
- PropTypes.func,
- PropTypes.string,
- PropTypes.shape({ $$typeof: PropTypes.symbol, render: PropTypes.func }),
- PropTypes.arrayOf(PropTypes.oneOfType([
- PropTypes.func,
- PropTypes.string,
- PropTypes.shape({ $$typeof: PropTypes.symbol, render: PropTypes.func }),
- ]))
- ]),
-
- // ref will only get you a reference to the Button component, use innerRef to get a reference to the DOM element (for things like focus management).
- innerRef: PropTypes.oneOfType([PropTypes.object, PropTypes.func, PropTypes.string]),
-
- onClick: PropTypes.func,
- size: PropTypes.string,
- children: PropTypes.node,
- className: PropTypes.string,
- cssModule: PropTypes.object,
-
- // use close prop for BS4 close icon utility
- close: PropTypes.bool,
- }
-
- Button.defaultProps = {
- color: 'secondary',
- tag: 'button',
- }
-export default Login;
\ No newline at end of file
diff --git a/instagram-app/src/components/SearchBar/SearchBar.css b/instagram-app/src/components/SearchBar/SearchBar.css
index bce1ee405d..1f708b24f0 100644
--- a/instagram-app/src/components/SearchBar/SearchBar.css
+++ b/instagram-app/src/components/SearchBar/SearchBar.css
@@ -16,6 +16,7 @@ h1 {
justify-content: space-around;
align-items: center;
flex-wrap: wrap;
+ background-color: aqua;
}
.heading-logo,
From c5dc8867d553ea0ca1129f89275e2486db87b6dc Mon Sep 17 00:00:00 2001
From: austin breaux <47146701+austinbro5@users.noreply.github.com>
Date: Tue, 28 May 2019 22:16:02 -0500
Subject: [PATCH 5/5] hopefully im caught up
---
.vscode/settings.json | 3 +
instagram-app/package.json | 32 -
instagram-app/src/App.css | 68 -
instagram-app/src/App.js | 50 -
.../CommentSection/CommentSection.js | 58 -
.../src/components/CommentSection/Comments.js | 18 -
.../PostsContainer/PostContainer.js | 41 -
instagram-app/src/dummy-data.js | 109 -
instagram-app/src/index.js | 12 -
instagram-app/src/serviceWorker.js | 135 -
instagram-app/yarn.lock | 8723 --------------
{instagram-app => instagram}/.gitignore | 0
{instagram-app => instagram}/README.md | 24 +
instagram/debug.log | 10 +
instagram/package.json | 31 +
.../public/favicon.ico | Bin
.../public/index.html | 18 +-
.../public/manifest.json | 0
instagram/src/App.css | 48 +
instagram/src/App.js | 85 +
{instagram-app => instagram}/src/App.test.js | 0
instagram/src/AuthForm.js | 10 +
instagram/src/AuthHOC.js | 33 +
.../CommentSection/CommentSection.css | 0
.../CommentSection/CommentSection.js | 45 +
.../PostContainer/PostContainer.css | 0
.../Components/PostContainer/PostContainer.js | 17 +
.../src/Components}/SearchBar/SearchBar.css | 0
.../src/Components}/SearchBar/SearchBar.js | 0
{instagram-app => instagram}/src/Heart.js | 0
instagram/src/SearchBar.js | 35 +
.../assets/InstaClone-componentStructure.jpg | Bin 0 -> 445120 bytes
instagram/src/assets/folder_structure.png | Bin 0 -> 85887 bytes
instagram/src/assets/ig_post.png | Bin 0 -> 824420 bytes
instagram/src/assets/ig_search_bar.png | Bin 0 -> 29784 bytes
{instagram-app => instagram}/src/compass.svg | 0
instagram/src/dummy-data.js | 83 +
{instagram-app => instagram}/src/index.css | 1 +
instagram/src/index.js | 11 +
.../src/instagram.svg | 0
{instagram-app => instagram}/src/logo.svg | 0
{instagram-app => instagram}/src/user.svg | 0
instagram/yarn.lock | 10011 ++++++++++++++++
43 files changed, 10455 insertions(+), 9256 deletions(-)
create mode 100644 .vscode/settings.json
delete mode 100644 instagram-app/package.json
delete mode 100644 instagram-app/src/App.css
delete mode 100644 instagram-app/src/App.js
delete mode 100644 instagram-app/src/components/CommentSection/CommentSection.js
delete mode 100644 instagram-app/src/components/CommentSection/Comments.js
delete mode 100644 instagram-app/src/components/PostsContainer/PostContainer.js
delete mode 100644 instagram-app/src/dummy-data.js
delete mode 100644 instagram-app/src/index.js
delete mode 100644 instagram-app/src/serviceWorker.js
delete mode 100644 instagram-app/yarn.lock
rename {instagram-app => instagram}/.gitignore (100%)
rename {instagram-app => instagram}/README.md (72%)
create mode 100644 instagram/debug.log
create mode 100644 instagram/package.json
rename {instagram-app => instagram}/public/favicon.ico (100%)
rename {instagram-app => instagram}/public/index.html (73%)
rename {instagram-app => instagram}/public/manifest.json (100%)
create mode 100644 instagram/src/App.css
create mode 100644 instagram/src/App.js
rename {instagram-app => instagram}/src/App.test.js (100%)
create mode 100644 instagram/src/AuthForm.js
create mode 100644 instagram/src/AuthHOC.js
create mode 100644 instagram/src/Components/CommentSection/CommentSection.css
create mode 100644 instagram/src/Components/CommentSection/CommentSection.js
create mode 100644 instagram/src/Components/PostContainer/PostContainer.css
create mode 100644 instagram/src/Components/PostContainer/PostContainer.js
rename {instagram-app/src/components => instagram/src/Components}/SearchBar/SearchBar.css (100%)
rename {instagram-app/src/components => instagram/src/Components}/SearchBar/SearchBar.js (100%)
rename {instagram-app => instagram}/src/Heart.js (100%)
create mode 100644 instagram/src/SearchBar.js
create mode 100644 instagram/src/assets/InstaClone-componentStructure.jpg
create mode 100644 instagram/src/assets/folder_structure.png
create mode 100644 instagram/src/assets/ig_post.png
create mode 100644 instagram/src/assets/ig_search_bar.png
rename {instagram-app => instagram}/src/compass.svg (100%)
create mode 100644 instagram/src/dummy-data.js
rename {instagram-app => instagram}/src/index.css (99%)
create mode 100644 instagram/src/index.js
rename {instagram-app => instagram}/src/instagram.svg (100%)
rename {instagram-app => instagram}/src/logo.svg (100%)
rename {instagram-app => instagram}/src/user.svg (100%)
create mode 100644 instagram/yarn.lock
diff --git a/.vscode/settings.json b/.vscode/settings.json
new file mode 100644
index 0000000000..3b66410730
--- /dev/null
+++ b/.vscode/settings.json
@@ -0,0 +1,3 @@
+{
+ "git.ignoreLimitWarning": true
+}
\ No newline at end of file
diff --git a/instagram-app/package.json b/instagram-app/package.json
deleted file mode 100644
index a92d335ebc..0000000000
--- a/instagram-app/package.json
+++ /dev/null
@@ -1,32 +0,0 @@
-{
- "name": "instagram",
- "version": "0.1.0",
- "private": true,
- "dependencies": {
- "bootstrap": "^4.2.1",
- "font-awesome": "^4.7.0",
- "moment": "^2.22.2",
- "prop-types": "^15.6.2",
- "react": "^16.6.3",
- "react-dom": "^16.6.3",
- "react-fontawesome": "^1.6.1",
- "react-scripts": "2.1.1",
- "reactstrap": "^7.0.2",
- "styled-components": "^4.1.3"
- },
- "scripts": {
- "start": "react-scripts start",
- "build": "react-scripts build",
- "test": "react-scripts test",
- "eject": "react-scripts eject"
- },
- "eslintConfig": {
- "extends": "react-app"
- },
- "browserslist": [
- ">0.2%",
- "not dead",
- "not ie <= 11",
- "not op_mini all"
- ]
-}
diff --git a/instagram-app/src/App.css b/instagram-app/src/App.css
deleted file mode 100644
index f710485af9..0000000000
--- a/instagram-app/src/App.css
+++ /dev/null
@@ -1,68 +0,0 @@
-
-
-.thumb {
- border-radius: 50%;
- height: 100px;
- margin-bottom: 10px;
- margin-right:800px;
- margin-top: 65px;
-
-}
-
-h6 {
-font-size: 20px;
- text-align: center;
- margin-bottom: 55px;
- margin-top: -65px;
- margin-right:495px;
-}
-
-
-.bt {
- display: flex;
- justify-content: center;
- margin: 25px;
-}
-
-
-.commentz {
- margin: 10px;
- line-height: 25px;
- text-align: center;
-}
-
-.search {
- display: flex;
- justify-content: space-evenly;
- font-family: 'Lobster Two', cursive;
- font-size: 30px;
- margin: 7px;
-}
-
-.yup {
- margin: 5px;
-}
-
-.likes {
- margin: 5px;
-}
-
-.mmm {
- display: flex;
- font-size: 60px
-}
-
-form {
- width: 100%;
- height: 30px;
-}
-
-.hour {
- font-size: 14px;
- color: grey;
-}
-
-.add {
- width: 50%;
- height: 35px;
-}
\ No newline at end of file
diff --git a/instagram-app/src/App.js b/instagram-app/src/App.js
deleted file mode 100644
index 76e2389b1f..0000000000
--- a/instagram-app/src/App.js
+++ /dev/null
@@ -1,50 +0,0 @@
-import React, { Component } from "react";
-import "./App.css";
-import dummyData from "./dummy-data";
-import PostContainer from "./components/PostsContainer/PostContainer";
-import SearchBar from "./components/SearchBar/SearchBar";
-
-class App extends Component {
- constructor() {
- super();
- this.state = {
- data: dummyData,
- liked: false
- };
- }
-
- handleLikes = id => {
- const selected = this.state.data.filter(post => post.id === id);
-
- const newPost = {
- id: selected[0].id,
- username: selected[0].username,
- thumbnailUrl: selected[0].thumbnailUrl,
- likes: this.state.liked ? selected[0].likes -1: selected[0].likes +1,
- timestamp: selected[0].timestamp,
- comments: selected[0].comments,
- imageUrl: selected[0].imageUrl
- };
- const filteredData = this.state.data.map(post => {
- if (post.id !== id) {
- return post;
- } else {
- console.log(newPost);
- return newPost;
- }
- });
-
- this.setState({ data: [...filteredData], liked: !this.state.liked});
- };
-
- render() {
- return (
-
- );
- }
-}
-
-export default App;
diff --git a/instagram-app/src/components/CommentSection/CommentSection.js b/instagram-app/src/components/CommentSection/CommentSection.js
deleted file mode 100644
index a9cc184fb7..0000000000
--- a/instagram-app/src/components/CommentSection/CommentSection.js
+++ /dev/null
@@ -1,58 +0,0 @@
-import React, {Component} from 'react';
-import Comments from './Comments'
-
-class CommentSection extends Component {
-constructor(props){
- super(props);
- this.state = {
- comments: [],
- comment: '',
- }
-}
-
-componentDidMount(){
- this.setState({comments: this.props.comments})
-}
-
-addNewComment = event => {
- event.preventDefault();
- this.setState({
- comments: [
- ...this.state.comments,
- {
- text: this.state.comment,
- username: 'ilovedoggos'
- }
- ]
- })
-}
-
-handleChanges = event => {
- this.setState({
- [event.target.name]: event.target.value
- });
-};
-
-render(){
- return(
-
- {this.state.comments.map((comments, index) =>
- )}
-
-
);
-}
-}
-
-
-export default CommentSection;
\ No newline at end of file
diff --git a/instagram-app/src/components/CommentSection/Comments.js b/instagram-app/src/components/CommentSection/Comments.js
deleted file mode 100644
index 8524c7f2ab..0000000000
--- a/instagram-app/src/components/CommentSection/Comments.js
+++ /dev/null
@@ -1,18 +0,0 @@
-import React from 'react';
-import PropTypes from 'prop-types';
-
-const Comments = props => {
- return(
-
- {props.username}
- {props.text}
-
- );
-}
-
-Comments.propTypes= {
- username: PropTypes.string.isRequired,
- text: PropTypes.string.isRequired,
-}
-
-export default Comments;
\ No newline at end of file
diff --git a/instagram-app/src/components/PostsContainer/PostContainer.js b/instagram-app/src/components/PostsContainer/PostContainer.js
deleted file mode 100644
index d67868642e..0000000000
--- a/instagram-app/src/components/PostsContainer/PostContainer.js
+++ /dev/null
@@ -1,41 +0,0 @@
-import React from 'react';
-import PropTypes from 'prop-types';
-import CommentSection from '../CommentSection/CommentSection';
-
-
-const PostContainer = props => {
- console.log(props)
-return(
-
- {props.posts.map(post =>
-
-
-
{post.username}
-
-
- props.handleLikes(post.id)}>
-
-
-
{post.likes} Likes
-
- 3 hours ago
-
-
- )}
-
*F_{(LPydckYB-#&ZiL<3x0UpX_UY;#uN7{@AaS=DdBI`+#+AIew46
zjq-6K%6fgSGmnWU9p6x;GFG|w^F8usfA_^0Ls#UfjTtLK>X32GAm7KXR-;vYk62m2la}3wRiHq7tk^3ijwD4`9zU9BCmg
zqtZ}y)ZDxrwaenDXAITSatP>Zj8#{nF4Swy^fN7MSJB{d;tic=K#+!kK5oDLHoTHF
z#I7b6-PW*^`rGe+AEQ?y8Py9`lqqc12rlctuOnn0%rwPA&hk3ag^^y=$xrPtm)pH^=$Fe*|rhNPTWOXCE;tU}_V3bz_>%jFoT
zug3`a-2=EEpC?Wl>cM$K1;8+?>&w!?j}HMZ2h%g3{ajkPcxAdqsE+FD86uRQ!$YYm
zJ@Vjo5;C`>)(x#lDUs&D_zeMa1)HM!MJ%SpFdF)IhL8~27?dHstHEJla&(AtBiKoi
zuHxjG)Oq<_+O}y`>Ozup1&4{UN&~;*t$J}FwXI~l8!?n-d}fH0|kRY*{M`hSY
z65XzzBdEb(tczjnw09OS(U*SwEq01$aR}H0Q^YeBwN3*`j4PO9&S%@B(f4Pccnm6L
zoG{fQ5>&voi?pDv&@(0$0vc4OvBLyNGCxeN%jhzGt`h+dR|3k-ba*OVJm1F{0dz@)YJjk`CbWvdsbOPzfH@?{I^=IXGM
z`u-1JU_-PA<^$+sY@hqdt2jzj+A+~e)H-zG@%I_y8!pbEW|*q-rBjRam@4~S(A
zkvi%3fA?3@|NHg7Lt@yTw%yXS0KQFwW0s6;C*nZ4(Z~!bGhQGMgD2IMRtRon1Wr1S
z%;2T!kdyp^X+ml_Lm8y$F6v;m%)!E2(YaV$>BP*zuVeQ56VC(?g2~M(kqyixb8;?A
z=ed&cb+f@DV@`W-?!{VBRXT(u)bKbux|k|Weq$;%Lpez2^vE{ixj)Dsw1G4MylX^B
zrJKdYOIIT4CBZivDoz9d7Z_V6%p&Y3A3u)VFTwo0ne{IGBEaD3if`B7Ek;wW*Ad_C
z6F=N^_*nViNB@VYNWSL}_B!?dz3c3ce3iDJ0Z!$WoQkqk6yt0EiMXK!p<;I2=@(;=
zDd|+jJPMuDBX$VKj4RC1P`hH^b`|;>Ay$wg&bxbt-bB;AFFeQbmX`;Qjr(z)0@5zq
z9@0wqR;Yt%oBKs+oghsRTpYQqWAAg`cu+s*IclB%A7AesomYAucE0E!3IUJ+K@jX<
zZ`1pXMw(Ia$VH>#vX0~y`*?klU7ze9@!1o5?PSkxa-3tIWb;R|>p0$ZlPuecWm#4k
zY5I(&aE3#2*gHTJg6KrA`};lbcL~l|$t6F0_q+G)<$0d>sZn!e@&3-=ML8e-zB5gf
z`{4xqb`ASZ!aNgttm6{*&E%F*&>J@G&dYosEH@{}&n-LqA}!kCo(`fe2v2uhCblfo
zJdUUDz3%94>9_O!!3IdS#w8V7Tuw$o@u^7beTAoWGD{hH*&qi!Q;Ixb;JvrOtMBQ!
z3#&9KcT$gTsN%|Hy72NUwjP?A>maY4^jQsIdM=`HJC5i;#a8vMny^9|9vTcnrv{xJ
ze_!qC2k@?qQ~7nM{nl2}3={LM`*N7f%gXlDeC6tOth**Th2KnFJ9Yp}RuJ=@MWOo~
zi<-p^Ao_!xbPo2Aj#nLeP9uQ}x_Npwa<(q8`(WrZ+v?#*w6I_NV
zf?Y4OXcaH1ht$A_5u?tm?^T6@z3~Pe>%0N5aO8C2FjZF0A_h5;-UDfk&zwTUHvm2%
z@ErPU(2j@=>mhu$;|pmoE)jMDdf)~Dykx!3;*LNLo~P13{pw$)V@HocEbfFLsZTGy
zaTGvVnSSM0ejzn)TnlFbC#7()4280}1CbDVQ}eixSYcsn5?%#&Xc>;sBqyv6^m#n=
z^j$uY9(?dII8zU&Z+!EOG;rkxoDNQk!WvFwQ_GxXASS2B
zFc`Dx`l%C?)q}6B9T4Oj@Lt_O$RGlxU%i0t4}rN6lU=^j14|y{iz817^YyH){SV)T
z_?G#=ZH5O9Rsm~6(Q;Ik=aX^vsS5Rm2U3qtw;v)aKnMEs=n
zdT)b6tY<`4qvL%5SHxq4NUFtRP)E3XcM}(I`U2bnxH%v)0r3b{O5VE$%HU2m{NBKNuMD>&kiKae?n^mqV;+y{vmk+$c{p~Q1KQg+GVWEW4@GpykMtK``772D
zR)`RhjrfjRM!egI1z=}qQ`&!MSNfy>_p7P*CS1|-b?Ge(FgD}7_7W}{%0V){eYkmn
z+p)QAeVRtJ^b9&==dbmoM$`uGz3(pcHIJtkUw?~3Qxks85WS<1c>MS^^c2g|<`y^t
zh{k&%0_6rwASZwJvrnh}hj&9j5j+{6WzRhQ6gqRyA)e8{*jhyDgE-Xf<&f0KTHl5!
z`Az0vBO?7e4h;DCgPUcv2t!!u#k(7Vw3)P8?2Zg#jI(tsaHk@*z-=2#jKFAMl^U@;n@6xr0g_g!djy)rYGB
zrq{3r7ogr0)#iv0l0y8m@9dlK70AJ=4(`^*&6}}U$IT6SmN`%;PK;0NyTBT`y|n7i
z>%+*M?{lhpy1!_Dt7YAbrEk%fqDY`?zwzU{84UA5ti&w8iVCtaP
z*n4u&^2cIaJGm{-%EPrFW>C%+|ZBs~09S4q6@^H@tZkxLO}X_TT&
z%Pqz>67XkrJU)2u`wyr6@b4n8&u@Q911cBL_aFS^T1oyx%f7Syj)mzQYlq{`eidcr
z(sH|v1d$0bV;6G}ufu01<72xr$1;kF-$lEN{I?0N;(-a2DSKLpf#*f&47l)19V-T-
zpe}8so7ucBV!v;v0olj6@GKKnxzPpjRistfP|7=E2-=vuvLW<5WwFT-59t(AkJ@|p
z>;_rE@!-^X^=dcX<=fMb{m2&r5&s3I?{6PFgLne3!yNg$VewDmF!Iu+i!7Lx@a44;
zh2*nmuK=j;Nh_EWkD&*$9;>!v$4?-_zz=L9{&gsF^
zoHOpYdftn;X0&+-eUFo;UPaHQ8&1R!2k9uYc{^_+mN=M-b&=_J(dUw(i=SesJ<+TKDa5r7!*5=OHQ^aLAb;
zPDj(zPk$T&?_4^2@eHC%S^8uG2rS{itGouW8LpYd1zoh>Tm}DLAPNp)dS>b
z;MiU1C1la7Z=g5SnEuf(eKD28z0#V@b*UBUMuHnRz$JN?`JbE~L+1+;sA?pA^iu~I
zvv=Vz0pQSGT1R}&ZM(Ll;c;SS&Y@(zwGLg9CiI5h!H{DUh&1czg`QT-A()Q&w4#u>
zdmEJk)O^6&fEfZ3^7N`s41^2)(-p@cVwcVBTWHfUL{V&P*7~lUI}zD+;znRI974RI
z_YBjgHV6@PHT0E5OhA37sbIW-3k|oB)`TmpQ;D83#i{ILt@3Wcy@>=&Yc-1dpg@Qc
z)+Fol=l;=8rk!wMzVWrcN@q@;PMde`$D(i-ezjgqC*M9Fu1bs)Fp4NUK@={+b)*3H
z8+`zFv^1ggzI#^~9<-tpIgY!Q29V_m^!4UJ5Q^Yxut1zaT-nyvLfY+E5ME7ZFJHw5
zVg)~8jcFK8WF3Td|E-ZUi+FVJhOV@cL)HciWT2bV&h6XNnM>#Kw{@6)58?g=$HVjw
zvJWD-D!u&u?_+$C(g76UZ;dY_I&Vk6sv82c0Snq~>At(}B^WmxF!b0a;ZW&zMsAt9
zD;|Q*U+sfyyZ~ov0|&DK))o5+A8me*g4hfrR8@m>Nqp9cI1QdIv0zNao-2e;!rJ%B
z*<%E^KfpocWw`HG!tbAfmeoJfQ@Sv)77po)&wm#?2*O*9^x@j#7|Q&2N7%7BoE}S%
zi);hQu$Gu1R*)Z%un0m{3(tkuAr0`chu**-vEcHW69$<($}kH^CWtlCu(!$1mFo+`
zk9fwU#@Ypjc?*0FzgWOVMT(0M+H~Dk_y?qI8D6v}H!lt~>I^Ny1)T*jsm4%;*uReN
z2w}ut*Kb-CnL*|B2Y3ac5RQP=TciBYcce>e*SF#NW)tfVJxlhQ`j5T`yxB~f&z6#S
zunqi-y_fH!fes}rq#zi4a~uDd$Dy!8rTj(CJd`|iSWPB1V_O|d?t_cRy<-~#>GQ}8
zKIG1rl2K$qsPJuGFH`V?@yY~`E+3)}>auK!3AuhM=Fg-5YQ%+UxW@&QrUa@Q0zEfa
z9Pc{GOpsWYlUgr4DXA2B{IDV;@sz%=ycxY0A?cecAra?#0vOebE2Hv
zI$S3RDw|Co^JLhFxG2C$QC^t`BR}@96IC>}NG`D;@s;1@hP#Av2Uov+?_~!>K0&3j
zu)K9Omad+^2>ODN&{PH7EjC0X$sj!b!&hC`HYDT!i%1
zvC;EA%bfI>(WA4Y4g%6>7Bxf}{~RmzgBT1r2TOPfJ^?rA5*)BWHVnvhVSuqfiZzX{
z)?7#0vf;sW*S=4smWJKvxll2l*()h?7LEh^23?tR>GyyC-@~04fk;HL9NjTDp`yMa
zfV>V_M#>g(WujuH8G+OE0~P=b({Md`VkxtE(%#@sA}xL$qnEyB8-O%FWqP+E_^*x2ZBh=cXXRsoV@PNV}e>a
zm5gm5Cf0$3vwI`vQ-I_rfHcn)#q-j&CPAg+QCN2zCNSW*bc%k@;Dc*7Yet0a@S!v$p;`LaoE~7mL7WGK7iR`x^RZI)Lem%B{3-BP*y{D
z$$fU+|Ng)KO8VkI{#^Rbi$6$n%ttMI*g)kia1xg_{=gt$OKUsgN-PH9l5}orhbuCl
z?nTe?^ce!JGkzT%?HtCs(%!ocrIT-6O4~Zx@aKl_IMz@l7NI&U-oAZH`mxV^lHX;(
z1rArNtI)kl=XZ
zXQtP~&28kgyNURt2ls7Dr%zvI&-Eid(`vIhT^|@pH*gZXd)GeN+R0d>gw8&1MiJk`
zP7~s?NvKJ=yvCE%bxr_xfRbt)D#bhIa(-P?Y)S6<^Qz9WM;;+!bf5j!-@Mp{m5-0T%9X|=yIXLiguP2Q1f&T9VYguBm
zh6AhiIj7HGN@p%!Vvkc5>ne1ADXbtm?WZa(eiyjaJ{If6=e%St6**=xS>P<2M4Jol
zsP_eN6J8Ch?}>d1Z`x|
zIPY^u*gJH_y0y^YA$W-jW8xevH?`J=1cAj7V}DiNp1>3v>03&fcLkiHt+4rF^fu1_vm
z+;XfKX8<;n!o-SjEBQz$!UQ0l95g1AkIKu6yt0RVPI_=VTJQxc(51NZ~SKQRT2LLNrx^xaQ%6{q{ryr%%3>HWH+G3k0SLy3>d{t|7M3lXrv>0`^s7
zdA7i5bsF#4YvDMQqmVs~KFbP@R&Px#VF|Z6-390Ho`)VzA9?zjw0Q?kJF#}02Y8l&
zK-=&~REzV|TZmYD2mA2ge;GZaGMq{7fatkQ0eXn`8hBX3V;%ZRt%x8bX6Mq>OyeUwyEzTVtUb7-y1bC^3Pb=VSd_AHyYK;zGrykJm@D@I+yX^)
za_|QFucfd4wxVa)68dlrxDXh)aTA4O^!6aA`|!8Z+jEl`i+j`QQ68oYSIy
zO%UYMi2g5}xtw|t-5J=}z8DVcwKspj80sU;veEZ}qxpaThd)S9KXG6B#FI~@KlzIn
zW8I9<9tpiqKJ&3u*VYuu`7?5<*n8QvOL^Lj*ze?-3+d$99$-`zoP!1|n3svE>@xy))6P2Jjd47Uc5$P>KfUqBWkl1}z>84=Wj~lU
zv~Na4T+VkV>!KQ!i01VEvEymSW}+!D|E(K4aN-L`?b?;_M!ya(`;3IO@`K>r3
zn40+U!=l9Nn3Mu%^*cDfnYjVAYVsgGxnk{y8)OUt87@-?nor2cs5#<03-68P>1*Ux80(p~P11zwPCob_U^C
zx@RsFC(jEB@w3{4(K5<4)opM2uC7*EHRUB
z#@2DRKrZu|$18KsGBH)uZMvdPE0p*RJ#EIJsH1qF2{jKgSv4qEVgG&z!S(vfZ}B1%
zM;4&+t3=i90k(ZScL7*{r$K>%)(mdiERW`uSFAlIsMHY~pBo3~hDpc`bA6Vme!lZ&
zC9j)=^rrFK!ra9AkQxL*Z{NBpefmc}jx)?oyvg??20RX{eh7qMcoM>C;DAueIe~I3
zmR$XKET4rl7AHoOkOu~CB2wr~{RHBD4}GSWUU`EPIu2Bco7mgio9^Ls{^Otj34k-f
zl+RuSkRm#SYjgO(PWrwQq8UY9>p|k3003h#>i@?@UI)jj7Nv0^qKh~Jk22nlkNtNd
zWS8q(MvjH&kX(qe>g9@5)i@CgsT0=$?GPSwC{OF)5_7zC`7++fuU|snr8fQJ
zFFlq1)xY>3(&v8kkwET~RB+?Q0M?lIAx7$h*nF41QKsxw0I;XcYD5BMAWB^?RKnS5
zYe(;C;!93{!+P_L
z_tVR-ybX7zJ{>r87Z!LZH>3E!u)u~xj5AL>NX)2HlKrkB2Z
z66Ngc>4_&EVg2A{LJ_DOLDw<+#;<}S5wM;1xtClYbTGI+^N7(#M_AYIypnvbYYR)0VmpB4WHX4A*Y}
zf~r0cJf|Ag17!o#zWO)c!rGOXoN!2|*w@xkhX_kTtG#_a2N*bQjL`<1y{ZQ~1A*QK
zEU1Cll=G&TO%YcmgiyyubssVIL44S<4ucFhzIPqDH*MdkN`&zq%F{Q$`7Oq+GPsko
zlsCctY(cy|JUkrZ+>FZ-i3Wp-iyZP=0ZFi)@*y`P{S2N(9ImC+D_}1RFLX<(Pl74K
zVxRFLsiG!fwqLj3SwyT$zIhS(P2d&qU0mROKJklmwHBA-$<~aq2>o3Ulm|4&X^F9r
z3%d?Or+Te?frY|Sc1GsP01GSSO0!SF2<{Bp#z7VrC9QA-8(Laf7Z79;T;Ltsp9w>n
z5!lTJm53g3Rq5lq_}K9H@b#g~etW6fVj1GPxZJ3gDc*|?dk@hO#Fdc3w7K3G7xx&y
zB~>Vmzx*R#losiHDh#vqQXSs%%*hEtm9aFZxOWOzrjM;ql84y3g>~%$hnxniua_C8
zE7y8M6~dh%M_-&{`KA9cMlw6Z*G`OZz%>-(MfDOOSt2EokjEh7UkNYalijBMr7`rk
z=`6Fr(Y^~}k@57$)A^~3pnZhve;
zfpd#`i|?Wz#c#j8@^24?tBj)}t>4z=w+iy&@uD5(D;P(97v&XsonzO-KM3vf_Up%-
zBNhjRlQF1k0Du`SL{US$qhbL-m}2ryWo#ElEHE1;k>z)(fsvnbbz)Z#Rbl2z9^d)Q
zkH{%>K$tY^D+W!H3-$(jGCk>+f8poSGoSuA0Bsq9peMcZ`fDsk;;3!d&P-RpS->)l
zcXM!e9((X!2$wR#a}4Lx6xL7;I8uE0!MkzDxiyrayW!sSAtG1@cVKOuIsqthv!Hc{
zpjhxUT(nV4?NubK0deZZTM@z{9GN!Q{|#`tRIG16e5R#4
zKE*->f#^RbbR~EufPn!Qo4pEdfEHhs0O6B_c)4)q44i<`bQuNzJ~$fS{dD2%AVgD3
zdh~%$rEQz;@F>l_Vb@h_wL`H277y8QBNU;
zY)@bM$@>Z1yCIF>?`Q~XF$4Ch2q-{_HdfBTF&RYvO5i8=jdpSh)jR&wEQ^hBL0t##
zN!xd$4_DqqND~~pVupVOi@M9*h%2x6BC@;&k{m$yU<@wX0Kk}VJnQQqMp$38aeXUc
zIZ#|b1qWjo_W^)z07oUxKesavSv*?9c)@gIjUdKgELkl?6bavZ7=oxv?5^UiH;=@)(6v)I+yPF-8SWEx-Tji|LR5;>&RA2*BL6DI8pCH6&MZ1RbT`
ztJ65^Je2#w{d@?LQx@-NmoFLVd8fHPKoWX;b{qMUy&
zef05r!&~|$+-k(Blk{>?XAqe>KaW50Ffjo8;P%WAz?rz9D9Uf!u_ZnH=t251ixT!#
ztYFvE2gaxe#dU}nMQhs#0W^dD$LP>laJVWEC(gjtQ-AA|Pu-XP&)@zR>B_k)tmy`b
zx0~tA<$gqzV-VPOAR`M6Pa5&NCbw%X;gn(@v&ZK-d5=Qm)l_i!fZ#U{;S$84jzP;&
zWH$`Zo&#+-I_*Hr)|ei7{Nb=V`_KR1SKx+rvZhAi2;tKWZqY5=2snN_;973p)RA8J
z-f1|zw1c%MvaN*+rt!@Eh!xcdYui|lYlY3Jt#v&PU=5rN$9m&N)DSo*Z~%GZ3ct
zj?G(Q9*ugTS9z@k)$e=|Hz#AbnGkMF=mT#BhrSr3ti>v_1_nm0=MH
zmlg!SYv&GJN32WNFv@TZw{K`?9~bMzgJ?!v8RkEhHoDJl|Bv^LQI??7PQcL7aDr6oX3;$et;q9+l~>Z61!P#uSEQ
ztDy}Iz{jj7NBy)xuCj!JA4P=N$!d4hbuqNM73=bUU?Pxz4*32zH@DP
zt>rnOlfkH+8|@#@v0J^jpvesfV-S0zZd^+pBN9l??n_i$&74p0RWQ-5H(B
z_4eKX$gTu&(}1F4D?mU;sScMB>eXLbgAPYE$U*=Z1^~DFV&4=i$`LFr+T3COGFkNB
z5Ef&&JGgTBV(PnkIsKd8{kQ3FzW$AL>B5!t?Z5wiI(gzk>b^Fdy047VW;}d9fOF8c
z9UuZXDZl_?)4t84*Jd4hg;!5TF^dG&9AcOTi~}CL{{U85_dtYg;KYt2Opsh99@=%h
zDllv0G(Qg^IW%%B?bx+D9ee*8+`bDajkmz@S%TPw%Z3ga=oBS#bc*)f1&bR8lju)f
zK=JwH8Fbw^(Hf_25?@N{LruVyn3w~x*hebY#PL3SLfZnXJp6fT$3opD0
z+Z@gT-qUrvu^!)1Xb!FYd%rCg?qjMd9;y@_8QM3JPQ0bx(VeW`$h
zwubr)P&|DLe_3$zT3fK%TdN28ek{vQ(Y9{Jz}R=h)niRffdoh4BCW-Pc|FSI05L*_#BPW})H&1I
z)PqS07L~pQ7Orppf?NzlURI6G-@+{jYyz~OKqqae7qN?L32vTT0y$9tOLbo^UhPTS
zckM`Tzi~AEv;XNASqH={1TpI<_tIqoi?fzRU~BOgrAVu_y(#S=M3ADe1&E0WL}mIM
zTb^ex(l#AZ)}s&d?5Ceho%k)&qHkul9PaUGItQ^2?z&(LA<75fRJFkAhB$*8q#|(~)R?JjSO5;O
z=OwW9+TMbQx(8PbY)=Sfh&_xv6lD+4_tWQl!wPW#hpO)$KZCIc!PK9BGb|1zMs%y<
zM_AMVw`=`++`h2x+`2}&7-LN7E^r314(YaZc0d?4;T)EDmn4!nQ~&M0yKx(jk=-4lnHp6;IDTGn#7TDPu&hybql@gRtg+;tExGf@@bst!RA>m;;u^H$cpBJ~VI
z9A__y0C%A<(~mgcD}F~B_CD>U)yxgZh`qy0+Q&ga>R*^!g6RQwBXj;Es*Zo;^FVl;
z8)gx?68cX${0M?e1P>q#gvNUjo$GaEXb9q7cOmT6ut-E1+e4GoE-+G#R^c3&MZhCC
z2z<-2F=B^evwFCEYjAQ}h2cdR=~daVAJJxrO>vKHqPL}Q8@PIjxANrx75A&}$Jc
z`k6y_aaz4T_QNa(fErXTBswo(Eq(Irc_auJq%b}n@R&{FKldGXF&;rT#Bcj%PTNvir~ZmI
zIdsxM*l|Y7pxAdXPvKw6<*zHL$U5p14%pzvGgQAv`6@fY9Jqe=k
z{Gkn=I=j)?7$5J)d-Dbs<|H~?JFqh9P5yji
zEcN#ez^3O^K!}|ymoMY|6iXLQ>zi>~(0%n9-nkKRfYcTD)g$7VnuG1lscKWlCQi&a
zfkd>T<)*O@2T`Eax@zzyjwNwAM-S*fP4t%(=Hur$79oKR{eMh)9%pZUo7G@PWtEV~;>`rMB_g_-?k!u=Tfgw4Ze7UE0GzIlksW#-(qHU|OL0=HuK
z7OdIu^(E0aKhc}!325H5t|gs4bt(<@^rT<-;>S@YZ^pk8mUpLKicm|$V@^{`mt$QT
zDyVn(9Ln*N>G;VD=}-RTYpIzyf$fNrrVu^OLui%bMqvrd$c6ExboZVE>39G2Z_-ah
zNDu)v_yAkRr`58G8^u@J;uHH&HO0eZ9%;WB(4qsC1+UrsL
zufPQdt`iU?R
z&e+`m@ohysI1R^T3?fH;t7Qo}4lR0Chn9%F0-cb)`~5f5#k1Y%?RQV69ymV}0Q*Yx
znS>T)%;P-27a*|avHn#ot|P`Jh}&u$?baajS>{0H=O@4Lg&>x`{q66de}!;rS4Qv>hGz%36a&Fx(HH#=plT`
zy>l*nl`RBpiRA^SuOD4K!feqG^)^5L^n>Z>Tc^^VN_INju+t0|Ey^
zjJ_(iua%<=Ag_gxrrGF5!qvuFQELKS&B!er9UlfBv_oXprDs0%F$_vx#fau42Z?dG
zXy~^scOaf#M1^4t;sX6RIJUa|sHy42NM!`qGF|DNW5*Dyqk{(F(1cj6u68$~!i44N
zM&eR#ATMrN@V;M;>VSdo_Xaq&x5#o(FFyK6R((ZftHr?{-5F
z8gjmZ*rb0pCu1oY1B?jOaz>1&#oq!!iv05BxMf6HdJy9l_w--*nF%QdL0kwNi>rjg
z@|csR^iPf!BOQank%^>~&4grvSQww@B^Q!$0Ttw*!vAq_F
zgLg5Dd^zsLJgt7S%1V8(#@rW1yfm&wIk`3YuWho-)px6H&-qu&De~pCwkx+O=%C^y
z-@f;{v;Lx8Ij?Kb`Lv8&cab(S-tp(QmEsHEeI*`;*e^1#4o+-r2FgMTs?EYPftEKu
zeZ1YU+j8~NLgfX(T!mK73Z+v}@$ECq^~xs*>&pdvnwj)aH#F`FZ%PF`Y|6DWE#5IF5
zQTKpVj&9dh2#I>cidfD85H-8qfR||<%enZkUhAh0bqa_rhp!`D7i`+piD-k97YkRe
zRyFU`x1h0XMas=xW86Hwk;XCPVG%noPL4be_ZJX>);~fVtQM^H8qp8?(wBZN{rG1-
zn>u!MrDJcuoi3nc{@G`LD&2SgBb*@R^fB4gDR
zrwE}iJkp!M>-vjDl&fn7yreTO#_wxvZXjmcdaO8cPe3qdIjdz5d5f%_6%@`NzV}f2
zjsNAJAQC3@$O1bBfGFW5brL~J`0aKTLB)m?L%JsTBSBfCz`ih|2Iyd4Hpq(|+hVJD#^vopqvUN~b
z*LFe{jWBNs9jOECu?j?Wz3H#N@m<;r_YNQ^$7CKPH_zNmOtBW3hfw&x#mumGsw?$5
zM*Kw9xR!Hrs5~U-*GiqpIUISlVudJ&d>uMsS~QO#0-T;k^nu7su4_AMEJEHerW0^)
zb-`jJig(_5A8sF9i3^wD0G}c~@mM)LPQuML{^eF&R~$aPpEfQK(cnD3#5&nOW$DG2
z&@W|Q-gEE$=!vyLz|m%wPe$af8xgt(T9y;*NhGJ=M1g-G9uC8qK*?~&M8cnd*n9`<
zF^!pHQ3k{c!bK<*k_Jz15<2moWTnd-J~D@ETeS&cqeYodE|$)x2N9R*+pk90K@Wxd
z&X0#XiG&a#%Jm0sDV}CIL?7ic)*(e`Zf?b83kPS_0s_Xt0rP-svmkIJ6eTBfOMJ#Z
z`xbpFHP)ua@0_l9>i+Y}-;SmTlZ_)`Yni_16Z@39967ICwD+d-B46>2$GQF@dnpgO
zbCHY~1>~YLu@xLbaixcLq!R{6mwP(_mtXZ34_W2FL?f8=qJw-2X@jaQD#))ePKy-g
z0ZUF43p>WYm>-tH?e_XC4*j_)lqt?&)7UWDhQPe+`~oL*6UT2o4@1H
z2mbinzIo+)%gW^id=8>1C&=~Y`Mu7MyCEMJni4J
z6~8-#c7d|LhPBW&Sop03(%r}Nbs(=kTp0AD0Bo79D3fcgxB#J{wb&+fKGs6)bfbLS
zef?T+ndAm&#=N|IBXmM$|iaIsiVF`zb13-XMmJ1|@=qUj;hC~8f
zpdbzDsm?))i3PAZ@x}@JrC&}AQrV)b;
z;_&eY?_*ts`StESTT*#F?Sqi1#XNr=f=d0aGLWE+nuBn`qf*>2z}c!))XQmR3~NXY
zDg^F^kx_Af0T%fupLqhnSs6&>5TX{@;3~kjq0Fpkcm{nu2{Hk9HU7z3TDE{>X;Uwp
zj-`=weduaxU)!E)@Dg9KKukB_9i|HS2CEFmmbFdz_km?mhxhLKO5)q$Ppjq$;@Y8f
zKMx0`5&fkHe*T$s|KS6~wS!9r&DPq`p6)()I32rqGTlV7S=|7~XJsVTu;Fx2HA_!E
zeS|t!&>?z>u0W(ioS+hf-?K;37k~QG_#(rC2<~59)3)f37H7;b6Ovth82eL>k2+9`
za3Eo51%i%+&5Q})`fgrLfA!5j!@9CJ-MDoqZQj)kadZ{Ga8oF*V*~=io`t)r6_?x|
zb$c#fx}NUB$m1lO$ZmX9jZYa?hDAZ`BO^B-4c>GfBS!i{W5_dob3eQrzt_ILkX>e#j|9XtdfP!H)y=$cv-xnFwzH8{gt
z;O5NZwZ1;>-?a;UxUAH_03jOIg6w}!+k^PW>c^nv7GkmGa>Toc-{fYlX(Id%9O^lp
z+Jby*;AVk}(hpI^Gc=s@ZI#!c#CzUJWEE+g`tpT|Q!d)Qd26^)8Ze(QQ)*wgG;a0?p
zuf6s*MDsX$k?4F~p~-^5B%qv8>X?l8#@}Bz{Qm0}o>17@JT}8dPK>iSm#Ltbt=ba|>NO+9?4m
zTQLw@aH}BD$m`)`g>~Q_QKY7NMgux-&CS3C#AUjTP}M<6O8`(Rl`BVQVjT2;RS~$v
z{$!%Adwf0;~sb4xn>0ijzqkRiXqh$Et<TpAWLhdq1!=Tvm*Xx@J
z>jL4>J9s9YzW8=Jdg3({*a_+jC$NcAdKKclQTkWQ*wi74sYEvi2v5G2@He#<5$i07
z=f~|>ai{t?^B^SWrIC7W
z5J=kaJt`#EqMNgh_SB7U{q5RJ3;8dyLV|g2+lZ42Xp@x13H~cq9GUSN|}r-(1TY
zA3}^+pRQxEr~cEU5ZGh5HE`U;Svn5YW4=D5KL3T!vzO{{kMKU68x8^>GF=@=h%ACc
z*PwrNFDn8r+#?tb}zZa*Hwy
z6Qw^Tx(QN1VH_^l{g3Uz0ug_8Ye5vO2iMRX9HP-1SUTclwD(dUR2H_j^syBYu)3SZ
za;)c&)U3FWvFpAzkUszH7t%X#qko45Y&nO-ehyUvxHTLuJo(GN-m1~STEvyS
zTTj^-dNgu~Y=UEZ6PTrctB#Hi2*aiH`s?oiW6)vSy_bH190BUFPe2}qRr4?_H$m4r
z0YgQqK}<=22yo<32}}4uki}(1y1rZ^Wd6Y()yT#mO-kGq|i*H
zhn7~XKe7DQyS*YvaZG%uN{5#oaBT&R=dZ`t+|GDqJG}z9n#z?}Al`TreTX-afifVX
zS-`wx9PA5uBfIxLi{ki8=QB>U%>3LE4H0Mi{AX1$K0GVcTKa8UbK66mhWgYyRoy^t
z@iYfuIa-&=D8G)
z+VuP^+HZeY6H2vgt<8@4=a+PVX^M0_;#npPi!x)~k>AS$j0_C%msc)QA}}kw7iDE)
z$$BDL{JFEPpg-bi9)E9h9@|~qXJX4TZOiH>GR7Xr{cwI(E6SWF`()oND-%cguwma^
zPqzKegUISQ#!LR#j$o#6lgrF`Y){b__nqa$*psKw;kr$59sR+3tBD;g3Ny2t+k*6K
zC9ts~73(DgTsR^DJ7?PHntd#Nq@<64Wb-e~Jou?g$7(V6(CCJr#H_
zVuETkIc;hL$?WXv1kmG@5}k(O;Xwc!Iv-4W#3e&veF*WNEqUj?Gl*ms5ml{2oU|cM
z3di3+6N-oW*U>tO7{BRCHx`KiF|pq*h$v&n*=MbiY7lwo%S%0u2{AF{4#Q=T=rU%N
zT!uYedxCgdAWsFS;3|j~iL82vF=NAdaj3ZLo&sFR@M!?n2me*f6HbRJO^{Ec+IyDtd2DV(pCLnMuk
zpqM>B1`uJaSR3W&z~B;|`5Fazf=uCpoJS<1Yl4lPDBVkpa>{F2*MXkZ6$q|3aU989
zRV}1;tRB~+m|X?{TSoL##(cG*blZg!P<4%N5O;BLWt@uew>3S4Pcs5>xAUN{R7;T*mVWwZ>D+JF_@2K3A%A$H(T>2nYx@bKVljleyU(*kiBYnOS2*s1`T
zltFO0;oQ&yK`#NEKvW<+4>7lZbJO0T%P8i59dU0r;}3^$T(KTpt1H7e+N{S
zD?|a-b`^+*mzL1;3T66Qe1z>zHETDf?|$b8942(pzzSe3>NGUir~u@>5LnBM%a&am
z)1D*S(}DZ;ru!ei8((Qh($>BBrXv>Sqfb6U%)cG!YhU|%I&$B^v|)2=x_IqE8iM%K
z1Aa>zA&d@fOP~0W$J4!tJnwrD|7vjhMn*?KkPz=Ek*mwJ2=VP92U;3J2LKE~a1+B6
ztw|5yD0T(qdATR^7#38bW4MH?2Z^m4^mV9rk-lzXRae5@Xo&-ooG%fomY;9Ec^to9
zr{KQsOrQM3j}Ytf<#Yr`uuBm6S_RfJ50wx<3#?6J?=3>SP2Q3KT!45-6paX2QKf5N
zLdAJ;ZA&m2cwGy~8Ij#E3fwSg{v6-
zwrSNkjKkS$JUg^+PjJ)Q@TDau+L*6enaMR>qqv;0(iO!D1kJ8J2N8WwvX9`VLEyTN
zc*B8mJMBp6ZHUV;f^YA^WlEz2h=c}Q<2V4bzSMit7)SUc;tho1H$;uPRDLA1I%gjX&g%H6NI5jTQ-yTLK_*@}9gaglO*5H>54u2DB9F6F98naYlOCl~J
zGX&R7IBIi%e@>+TX;idL7%HythnHK!r#7+Ot+s0(xfciJ+R}+7UXFzhore4
z-bb1M=DBDN3>Im6Kk?7k5GEej9m5ZPXbE)(=44{k*;)Z!E^#1{E2w3&f#*H=`@N{&
zLFTs)H!vqT`1T_tlSwBB%Z}Tw7!=x8YAt<|
z=zxIdnSC#aj_9lDD61eE9PC(Ir8>xv$B6HOh%rs^2|VuzINqh_;wsB5%9U=&oH5Iy
z1=10uk$lxG4h%y^Z@zt&ICxvrm#_@DhJKIMg(~-I
z{w;SwkLbow?7?-xm8%mFZ&(^33iKqZlA=W6_yo>P(M!=YwG%Ce=j{2*5Fkt%?HS<&
zTg7Q?=eC`&zfs6%QWcj8oN5tE=%34gqK*X8RK13~SC}*?jWWcAQ{G!x_?NR_~2->2Ln_&(ej9$2nnQ-GT#EMITH9
zLR`~V7W=*3%v@zHnyg=F-ac6N2)I}N9t7cWCxpnQxq<1$FZ
zadwPHVVh4*;dpdn7{oToxHvvb%)yB?1hHFzi1!w{dusvEN8de{et>>k69LB8fONJZ
zM(X5ryaq&6uiq%hB*UcW2(spcxtK!D?h|w696~n
zvJPw31>QH3w+v*xciZ;#=zVvGv(PDYqM9JywY~~VF6KK#ypUpLB0G>ya0i@E=EiB$
z?L=@BSQ^U^lq(R&-~QfTr$7G6e@WZ-wT4(sCFs#Xf$_TZPk!}(PS-Bpz|Dfbnkazr
zGh~uZBQ=UxKsmqr+F
- 
- 
- 
-