과제 제출 #8

lallaheeee · 2020-04-05T13:50:38Z

🌈 간단 설명

입력된 값을 사용하여 Github User 또는 Organization의 이름을 검색
검색된 데이터를 사용하여 각 결과값의 상세값을 구하기 위한 API를 호출
검색 결과는 List로 표현되며 다음과 같은 UI로 구성

🌎 환경

JS, React, Sass

🏡 배포 URL

https://lallaheeee-gitstar.netlify.com/

react에 필요한 환경 설정과 lint, code fomatting 과 관련된 설정을 완료

../../../ 경로가 길어지는 것을 막고자 webpack에서 alias 설정 그에 따라 eslint에서 에러 발생해서 eslint 설정 또한 추가

웹 폰트 적용 및 필요없는 헤더 제거 및 그에 따른 main 스타일 변경

검색 버튼에 사용할 버튼 컴포넌트 작성

검색창 input에 대한 UI 작성 완료

searchBar 컴포넌트 UI 작성 완료

star svg 및 카운트 수를 나타내는 컴포넌트 UI 작성

검색한 유저나 organization에 따라 총 레포수, 스타 수를 노출하는 컴포넌트 UI 작성

검색 결과에 따라 레포의 이름과 스타 수를 노출할 컴포넌트 ui 작성

ref 쓰려는데 오류나서왜지 보니까 input 하나 컴포넌트로 분리해서였다ㅎㅎ.. 그래서 삭제 후 molecules에 그냥 input을 넣었다 ㅎㅎ

에러나서 li로 key를 옮겨줌

이름, 레포 수, 스타 수, 레포 리스트가 노출되는 컴포넌트 작성

alias 추가 및 src 경로 추가

비동기 통신에 사용할 모듈 설치

repo를 조회하는 api 요청 작성

검색어 입력에 따라 레포 수, 스타 수, 레포 목록을 노출하는 GitStarRanking 컴포넌트 작성

readme 작성

정확한 레포 오너 대소문자가 나타나도록 변경

operator-linebreak 나 object-curly-newline 등 eslint --fix와 prettier onSave 가 달라서 설치

1. import/no-cycle - index.js 삭제 기타 코드 스타일 수정

API 요청 로딩시 스피너를 노출하려고 npm 다운

API 요청 로딩시 스피너 노출 추가

더불어 클릭시 input 창의 value가 비워지도록 수정

mango906 · 2020-04-14T05:08:21Z

레포에 대한 아이템들이 쭉 나열되면서 border가 겹치는 현상이 있는데 ul.search_result밑의 li 컴포넌트들에게 & + li { margin-top: -1px } 스타일을 입히면 더 좋을거 같습니다! (사진으론 잘 안보이네요)

[예시]

요청을 처리하기 전이나 응답을 받기전 어떤 처리를 해주려 했으나 그런 일이 없었음 이에 따라 병합

화면에 렌더링하지 않는 방법이 더 깔끔해서 변경

useState 때보다 코드가 길어졌지만 액션을 명시해주고 싶어서 변경

style.scss import가 되어있지 않아 수정 기타 스타일 수정

lallaheeee · 2020-04-14T11:11:59Z

@mango906
margin-top: -1px 옵션을 주면 해결되는데 4개마다 또 굵게 보여서 아예 떼어버렸어요 ㅎㅎㅎ
이런 경우엔 어떻게 하면 좋을까요?

너무 붙어 있는 것 같아서 margin 더함

mango906 · 2020-04-14T11:46:25Z

@lallaheeee
SearchResultList 컴포넌트의 li에 주신거 맞나요?? 저는 잘 나와서요!

jieunjieun · 2020-04-15T11:39:57Z

src/components/organisms/SearchResult/index.jsx

+  repoCount,
+  starCount,
+  resultItems,
+}) {


대부분의 코드에서 destructuring을 활용하신 것 같은데, 혹시 이유가 있을까용?
개인적으로 destructuring을 사용하면 편리한 부분도 있는데, 가져와야하는 변수가 많은 경우에는 쬐에끔 가독성이 저하되는 경우도 있는 것 같아서요ㅠㅠ

ㅎㅎ 타입스크립트가 아니다보니 각 컴포넌트에 필요한 props를 명시해주고 싶었습니다 ㅎㅎ
코드스타일인거 같아요 ㅎㅎ

@lallaheeee PropTypes를 정의해주는거도 하나의 방법일거 같습니다!

https://reactjs.org/docs/typechecking-with-proptypes.html

@mango906 ㅋㅋㅋㅋ 경빈님 한 pr당 스무번은 클릭하셨죠!!

@lallaheeee 저 새로운거 올라올떄마다 계속 보고있어요 ㅋㅋㅋㅋㅋㅋ

jieunjieun · 2020-04-15T11:42:33Z

README.md


-![ui](./img/ui.png)
+### ✨ [Demo](https://lallaheeee-gitstar.netlify.com/)


demo까지! 대단하심다...👍😍

NuclearPunch · 2020-04-15T11:06:17Z

src/components/organisms/GitStarRanking/index.jsx

+        });
+      })
+      .catch(err => {
+        if (err.response.status === 404) {


오..에러핸들링까지 짱짱이시네요
404에러가 아닐 경우의 처리도 하시면 더 짱짱짱이실 것 같아요!

에러코드들을 상수화해서 처리하는 방법도 있을 것 같아요!

미처 생각하지 못했네요 ㅎㅎ 감사합니다 ! 반영하겠습니다 ㅎㅎ

NotFound 페이지 귀엽네요 ㅋㅋㅋㅋ

YukJiSoo · 2020-04-15T12:41:29Z

config/webpack.common.js

+          options: {
+            presets: ['@babel/preset-env', '@babel/preset-react'],
+          },


확실치는 않지만 root에 있는 babelrc 파일에 preset을 명시해주었기 때문에 이 부분은 필요 없지 않을까요??

kand193 · 2020-04-15T13:11:21Z

README.md

+
+***
+_This README was generated with ❤️ by [readme-md-generator](https://github.com/kefranabg/readme-md-generator)_


설명이 자세해서 보기가 좋아요!

kand193 · 2020-04-15T13:14:48Z

src/apis/index.js

+const API = axios;
+
+export function getRepos(keyword) {
+  return API.get(`/users/${keyword}/repos`).then(({ data }) => {


Organization에 대한 검색이 빠져있는듯 합니다!

/users로 해도 Organization 의 레포 결과들을 가져오더라고요ㅎㅎ

엇??! 생각지도 못한 허점이닼ㅋㅋㅋ처음 알았어요

YukJiSoo

고생하셨어요~~🌈🌈🌈

YukJiSoo · 2020-04-15T12:51:44Z

config/webpack.dev.js

+      {
+        test: /\.(js|jsx)$/,
+        include: path.resolve(__dirname, '../src'),
+        enforce: 'pre',
+        loader: 'eslint-loader',
+        options: {
+          emitWarning: true,
+        },
+      },


dev build 과정에 eslint-loader를 추가해주신 이유가 따로 있으신가요?? 궁금해요!

린트 에러 놓친 부분을 한번 더 알려주라고 추가했어요 ㅎㅎ

YukJiSoo · 2020-04-15T12:55:05Z

package.json

+  "husky": {
+    "hooks": {
+      "pre-commit": "lint-staged"
+    }
+  },
+  "lint-staged": {
+    "*.{js,jsx,json,css,scss}": [
+      "git add"
+    ]
+  }


husky랑 lint-staged도 적용하셨네여 👍!!
이 설정도 별도 파일로 분리할 수 있는 걸로 알고 있는데 어떤가여??

https://github.com/okonet/lint-staged#lintstagedrc-example
https://github.com/typicode/husky#upgrading-from-014

YukJiSoo · 2020-04-15T15:19:07Z

src/components/organisms/GitStarRanking/index.jsx

+      <PageBody
+        status={{ loading, isNotFound }}
+        name={keyword}
+        resultItems={repos}
+        repoCount={repos.length}
+        starCount={repos.reduce((acc, cur) => acc + cur.starCount, 0)}
+      />


PageBody 컴포넌트의 props로 repoCount랑 starCount는 불필요해 보여요!

PageBody안에서 data를 받아온 이후에 SearchResult component를 렌더링 해주도록 작성하신것 같은데 ,
SearchResult component 내에서 component 내부에서 resultItems property를 이용해서 충분히 도출해낼 수 있는 것 같아요!

오 그러네요! 수정하겠습니다 ㅎㅎ

YukJiSoo · 2020-04-15T15:22:03Z

src/components/organisms/GitStarRanking/reducer.js

+export const Action = {
+  SEARCH_LOADING: 'SEARCH_LOADING',
+  SEARCH_SUCCESS: 'SEARCH_SUCCESS',
+  SEARCH_NOT_FOUND: 'SEARCH_NOT_FOUND',
+  SEARCH_FINISH: 'SEARCH_FINISH',
+};
+
+export const initialState = {
+  keyword: null,
+  repos: [],
+  loading: false,
+  isNotFound: false,
+};
+
+const reducers = {
+  [Action.SEARCH_LOADING]: state => ({ ...state, loading: true }),
+  [Action.SEARCH_SUCCESS]: (state, { keyword, repos }) => ({
+    ...state,
+    keyword,
+    repos,
+  }),
+  [Action.SEARCH_NOT_FOUND]: state => ({ ...state, isNotFound: true }),
+  [Action.SEARCH_FINISH]: state => ({ ...state, loading: false }),
+};
+
+export default (state, action) => {
+  const reducer = reducers[action.type];
+  return reducer ? reducer(state, action.payload) : state;
+};


reducer 이런 방식으로 사용하는 것 좋은 것 같아요~ 👏👏

YukJiSoo · 2020-04-15T15:25:30Z

src/components/molecules/SearchBar/index.jsx

+  const handleOnClick = () => {
+    searchInput.current.value = '';
+  };


input을 클릭할 때 입력되어 있던 값이 clear되게 하려고 하신거 같은데 onFocus event는 어떠신가요오??

좋아요 ㅎㅎ

yurim22 · 2020-04-16T01:43:12Z

config/webpack.common.js

+      },
+    ],
+  },
+};


webpack까지 사용하시다니,, 너무 좋은것같아요!👍

저도 유림님 좋아요 : ) ❤️

yurim22 · 2020-04-16T01:50:51Z

src/apis/index.js

+      ({
+        id,
+        name,
+        description,


혹시 repos에 데이터의 description도 저장하신 이유가 있나요??🙋

오래돼서 저장한 기억이 안나는데 그당시에 description도 노출하고 싶었나봐요 ㅎㅎ
리팩토링하면서 description도 노출해야겠어요 ㅎㅎ 놓친 부분 잡아주셔서 감사합니다!

mango906 · 2020-04-16T02:13:28Z

config/webpack.common.js

+      '@atoms': path.resolve(__dirname, '../src/components/atoms'),
+      '@molecules': path.resolve(__dirname, '../src/components/molecules'),
+      '@organisms': path.resolve(__dirname, '../src/components/organisms'),


아토믹 디자인기법은 실제론 처음 보는거같아요 나중에 기회가 된다면 관련 주제로 세미나 또는 스터디해도 좋을거 같아요!

🥴🐣🥳

joi0104 · 2020-04-16T14:47:56Z

src/components/organisms/SearchResult/index.jsx

+  return (
+    <div className="search_result">
+      <SearchResultDescription
+        name={name}
+        repoCount={repoCount}
+        starCount={starCount}
+      />
+      <SearchResultList resultItems={resultItems} />
+    </div>


유저의 레포가 없거나 혹은 유효한 유저네임이 아닌 경우에 따로 안내문을 표시해주는 부분이 있을까요? 리액트를 잘 몰라서 코드파악이 잘 안되서요 ㅎㅎ

요기 요 ㅎㅎ

danivelop · 2020-04-17T06:31:43Z

src/components/molecules/SearchResultList/index.jsx

+      {resultItems.map(({ id, url, ...props }) => (
+        <li key={id}>
+          <a href={url} target="_blank" rel="noopener noreferrer">
+            <SearchResultListItem {...props} id={id} />


SearchResultListItem 컴포넌트에 속성으로 전달되는 id 가 사용되지 않는것 같아서 id는 삭제해도 될것 같아요!

오 그러네요 ㅎㅎ 감사합니다 ㅎㅎ

danivelop · 2020-04-17T06:48:22Z

src/components/molecules/SearchBar/index.jsx

+  const handleOnSearch = () => {
+    onSearch(searchInput.current.value);
+    searchInput.current.focus();
+  };
+
+  const handleKeyUp = ({ key }) => {
+    if (key !== ENTER) return;
+
+    handleOnSearch();
+  };
+
+  const handleOnClick = () => {
+    searchInput.current.value = '';
+  };


함수형 컴포넌트에서는 리렌더링 될때마다 handleOnSearch , handleKeyUp , handleOnClick 에 새로운 함수가 할당되기 때문에 useCallback로 감싸서 메모이제이션 해주면 좀더 메모리나 렌더링 성능이 좋아질 수 있을것 같아요!

https://rinae.dev/posts/review-when-to-usememo-and-usecallback

저는 이글을 읽고 useCallback과 useMemo 사용을 지양하는 편인데요
@danivelop 님의 생각은 어떠신가유?!

danivelop · 2020-04-17T06:55:19Z

src/components/molecules/SearchBar/index.jsx

+      <input
+        placeholder="github user 또는 organization을 검색해보세요."
+        ref={searchInput}
+        onKeyUp={handleKeyUp}
+        onClick={handleOnClick}
+      />
+      <Button name="search" onClick={handleOnSearch} />


form 태그도 한번 사용해보시는 것도 괜찮을것 같습니다

eastroots92

와 디테일이 살아있네요

config/webpack.dev.js

eastroots92 · 2020-04-17T13:23:38Z

src/apis/index.js

+const API = axios;
+
+export function getRepos(keyword) {
+  return API.get(`/users/${keyword}/repos`).then(({ data }) => {


엇??! 생각지도 못한 허점이닼ㅋㅋㅋ처음 알았어요

eastroots92 · 2020-04-17T13:26:02Z

src/apis/index.js

+
+const API = axios;
+
+export function getRepos(keyword) {


함수 선언식과 화살표 함수가 혼재 되어 사용하고 있는 듯 한데 구분 짓는 기준이 있을까요?

동근님 매의 눈이시네요 ㅎㅎ
화살표 함수가 깔끔하게 느껴져서 개인적으로 선호하는 편인데요.
작성한 과제를 보니 혼재되어 있네요 ㅎㅎ
무의식적으로 snippet 을 사용하다보니 이렇게 된 것 같습니다 !
다시보니 스타일이 일관되지 않는다는 느낌이 드네요
다음부터는 이런 스타일도 챙겨야겠어요 🌝🥴

eastroots92 · 2020-04-17T13:26:47Z

src/apis/index.js

@@ -0,0 +1,32 @@
+import axios from 'axios';
+
+axios.defaults.baseURL = 'https://api.github.com';


평소에 axiosInstance를 선언해서 사용하는 편인데 이런식으로 axios 자체에도 baseURL을 직접 설정 할 수 있군요.

미세먼지 팁인데,, 당연히 알고 계실거 같지만 ㅎㅎ
interceptor를 이용해 요청이 되기전이나 되고난후에 처리도 할 수 있어요!! 👍🏻
https://yamoo9.github.io/axios/guide/interceptors.html

@lallaheeee 오 이걸로 그럼 async, await 대체 할수 있는건가요??

@mango906
음 async, await랑은 조금 다른 성격일듯 해요.

interceptors는 API에 request 하기 전 response 값을 return 하기 전에 잠시 자기가 원하는 event들을 실행하는 용도로 많이 활용됩니다!

예를들면
response interceptors 에는 의도하지 않은 Error 404, 500 등을 핸들링 해줄 수 있어요. (여기서 처리하면 에러핸들링을 한번만 해줘도 되겠죠?)

eastroots92 · 2020-04-17T13:28:32Z

src/apis/index.js

+      keyword: owner,
+      repos,


eslint에서 airbnb 룰을 사용하셨던데 린트에서 아래와 같이 하라고 제안 안했었나요??

airbnb 룰을 사용하면 다음과 같이 하라 했던 기억이 있어서요.

Suggested change

keyword: owner,

repos,

repos,

keyword: owner,

음 저는 못봤는데 둘이 어떤 차이가 있을까요?! 무슨 룰인지 궁금하네요 !!
prettier 플러그인도 같이 사용중이라 prettier 플러그인을 지워봐도 뜨지 않아요 ㅜㅜ

정렬 순서와 관련된 룰로 알고 있는데요. Airbnb 룰에는

key와 value가 같아 shorthand로 사용 가능하면 shorthand로,
shorthand가 가능한 것과 불가능한 것이 혼재 되어있을 경우 shorthand 먼저 명시하는 룰이 있어요!

https://github.com/airbnb/javascript#objects--grouped-shorthand

eastroots92 · 2020-04-17T13:31:20Z

src/components/atoms/SearchResultListItem/style.scss

@@ -0,0 +1,27 @@
+.search_result_item {
+  & {


nit 한 궁금증인데

& { ... } 로 해도 의도한 대로 나올 듯 한데 이렇게 하는 이유가 있을까요??

제가 css selector에 대해 많이 아는 편이 아니라 이해를 잘 못했는데 & { ... } 로 해도가 어떻게 하는 걸까요?! 🤔

아 제가 글을 잘못 적었네요.

현재 & { style들 } 과 같이 &로 선택자를 지정해 주셨는데, 저 부분은 & 선택자를 안써도 의도한 대로 동작 할 듯 해서요!

eastroots92 · 2020-04-17T13:36:07Z

src/components/molecules/SearchResultList/index.jsx

+    <ul className="search_result">
+      {resultItems.map(({ id, url, ...props }) => (
+        <li key={id}>
+          <a href={url} target="_blank" rel="noopener noreferrer">


오 target에 rel까지 최고에요!! 👍

이런 칭찬 완전 좋아요 🥳 감사합니다

eastroots92 · 2020-04-17T13:41:16Z

src/components/organisms/GitStarRanking/index.jsx

+        });
+      })
+      .catch(err => {
+        if (err.response.status === 404) {


NotFound 페이지 귀엽네요 ㅋㅋㅋㅋ

lallaheeee added 25 commits March 30, 2020 18:15

[feat] 프로젝트 환경 셋팅

b8b1615

react에 필요한 환경 설정과 lint, code fomatting 과 관련된 설정을 완료

[chore] 경로를 줄이기 위해 alias 설정

74afc96

../../../ 경로가 길어지는 것을 막고자 webpack에서 alias 설정 그에 따라 eslint에서 에러 발생해서 eslint 설정 또한 추가

[chore] 글로벌 스타일 변경

14a29c4

웹 폰트 적용 및 필요없는 헤더 제거 및 그에 따른 main 스타일 변경

[feat] 버튼 컴포넌트 작성

4541a04

검색 버튼에 사용할 버튼 컴포넌트 작성

[feat] searchInput UI 작성

0575f45

검색창 input에 대한 UI 작성 완료

[feat] searchBar 컴포넌트 UI 작성

561a76c

searchBar 컴포넌트 UI 작성 완료

[feat] star count UI 컴포넌트 작성

f6d5a82

star svg 및 카운트 수를 나타내는 컴포넌트 UI 작성

[feat] search result description 컴포넌트 UI 작성

88adfb7

검색한 유저나 organization에 따라 총 레포수, 스타 수를 노출하는 컴포넌트 UI 작성

[feat] search result list 컴포넌트 ui 작성

067fd53

검색 결과에 따라 레포의 이름과 스타 수를 노출할 컴포넌트 ui 작성

[feat] 과분리라 생각해서 input component 삭제

6729a36

ref 쓰려는데 오류나서왜지 보니까 input 하나 컴포넌트로 분리해서였다ㅎㅎ.. 그래서 삭제 후 molecules에 그냥 input을 넣었다 ㅎㅎ

[fix] result list에서 map key 변경

354147e

에러나서 li로 key를 옮겨줌

[feat] 결과를 마타내는 result 컴포넌트 ui 작성

0ca5bdc

이름, 레포 수, 스타 수, 레포 리스트가 노출되는 컴포넌트 작성

[chore] webpack 설정 추가

bb81219

alias 추가 및 src 경로 추가

[chore] axios 설치

45abe28

비동기 통신에 사용할 모듈 설치

[feat] repo 목록 조회 api 오청 작성

db352cd

repo를 조회하는 api 요청 작성

[feat] 키워드에 따라 레포를 조회하는 GitStarRanking 컴포넌트 작성

ac95675

검색어 입력에 따라 레포 수, 스타 수, 레포 목록을 노출하는 GitStarRanking 컴포넌트 작성

[docs] readme 업데이트

0aa2d02

readme 작성

[fix] 검색 결과에 레포 오너 이름 변경

fdd5f9c

정확한 레포 오너 대소문자가 나타나도록 변경

[chore(npm)] eslint-config-prettier 설치

7a764fc

operator-linebreak 나 object-curly-newline 등 eslint --fix와 prettier onSave 가 달라서 설치

[refactor] eslint 설정 변경 및 코드 리팩토링

963579e

1. import/no-cycle - index.js 삭제 기타 코드 스타일 수정

[chore(npm)] spinner 설치

b5c983e

API 요청 로딩시 스피너를 노출하려고 npm 다운

[fix] API 요청 로딩시 스피너 노출 추가

cc1925d

API 요청 로딩시 스피너 노출 추가

[fix] 검색 API 요청 response status 404시 Not Found 추가

d61df21

[fix] enter 검색이 가능하도록 검색창 수정

eaa710e

더불어 클릭시 input 창의 value가 비워지도록 수정

[fix] 검색 결과 없을 시 repo 수 및 star 수 노출 삭제

4b57fbe

lallaheeee added 4 commits April 14, 2020 19:09

[fix(api)] api util의 분리가 불필요하다 느껴 index.js로 병합

2dccc48

요청을 처리하기 전이나 응답을 받기전 어떤 처리를 해주려 했으나 그런 일이 없었음 이에 따라 병합

[refactor] props가 없을 시 컴포넌트들이 early return 하도록 변경

91f885f

화면에 렌더링하지 않는 방법이 더 깔끔해서 변경

[refactor] useReducer 사용으로 변경

d7678b5

useState 때보다 코드가 길어졌지만 액션을 명시해주고 싶어서 변경

[chore(style)] 스타일 변경

6e0ddad

style.scss import가 되어있지 않아 수정 기타 스타일 수정

lallaheeee added 3 commits April 14, 2020 20:14

[chore(style)] 리스트 아이템 스타일 변경

0a7550b

[fix(link)] 클릭시 레포 이동하는 로직 추가

99b0b3d

[chore(style)] 검색 결과 스타일 수정

c8ecfb0

너무 붙어 있는 것 같아서 margin 더함

jieunjieun reviewed Apr 15, 2020

View reviewed changes

NuclearPunch reviewed Apr 15, 2020

View reviewed changes

YukJiSoo reviewed Apr 15, 2020

View reviewed changes

kand193 reviewed Apr 15, 2020

View reviewed changes

YukJiSoo reviewed Apr 15, 2020

View reviewed changes

yurim22 reviewed Apr 16, 2020

View reviewed changes

mango906 reviewed Apr 16, 2020

View reviewed changes

joi0104 reviewed Apr 16, 2020

View reviewed changes

danivelop reviewed Apr 17, 2020

View reviewed changes

eastroots92 reviewed Apr 17, 2020

View reviewed changes


		![ui](./img/ui.png)
		### ✨ [Demo](https://lallaheeee-gitstar.netlify.com/)


		***
		_This README was generated with ❤️ by [readme-md-generator](https://github.com/kefranabg/readme-md-generator)_

		@@ -0,0 +1,32 @@
		import axios from 'axios';

		axios.defaults.baseURL = 'https://api.github.com';

과제 제출 #8

Are you sure you want to change the base?

과제 제출 #8

Conversation

lallaheeee commented Apr 5, 2020

🌈 간단 설명

🌎 환경

🏡 배포 URL

mango906 commented Apr 14, 2020 • edited Loading

lallaheeee commented Apr 14, 2020 • edited Loading

mango906 commented Apr 14, 2020

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

YukJiSoo left a comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

lallaheeee Apr 16, 2020 • edited Loading

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

eastroots92 left a comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

mango906 commented Apr 14, 2020 •

edited

Loading

lallaheeee commented Apr 14, 2020 •

edited

Loading

lallaheeee Apr 16, 2020 •

edited

Loading