From f43ca745c2569a223a4337057f6b5213616dc9ed Mon Sep 17 00:00:00 2001 From: rendi Date: Mon, 12 Oct 2020 15:33:28 +0300 Subject: [PATCH 01/11] feature/job-details added job-details --- .../components/Job/ViewJob/comments/index.tsx | 49 +++ .../components/Job/ViewJob/comments/styles.ts | 154 ++++++++++ ui/src/app/components/Job/ViewJob/index.tsx | 153 +++++++--- ui/src/app/components/Job/ViewJob/styles.ts | 285 ++++++++++++++++++ ui/src/app/containers/JobContainer/index.tsx | 2 +- ui/src/img/Rectangle.svg | 9 + ui/src/img/index.ts | 15 + ui/src/img/jobCardAva.svg | 9 + ui/src/img/jpg.svg | 4 + ui/src/img/link.svg | 3 + ui/src/img/mail.svg | 6 + ui/src/img/pdf.svg | 5 + ui/src/img/phone.svg | 5 + ui/src/img/png.svg | 4 + ui/src/img/ppt.svg | 5 + ui/src/img/xls.svg | 3 + ui/src/img/zip.svg | 4 + 17 files changed, 671 insertions(+), 44 deletions(-) create mode 100644 ui/src/app/components/Job/ViewJob/comments/index.tsx create mode 100644 ui/src/app/components/Job/ViewJob/comments/styles.ts create mode 100644 ui/src/app/components/Job/ViewJob/styles.ts create mode 100644 ui/src/img/Rectangle.svg create mode 100644 ui/src/img/index.ts create mode 100644 ui/src/img/jobCardAva.svg create mode 100644 ui/src/img/jpg.svg create mode 100644 ui/src/img/link.svg create mode 100644 ui/src/img/mail.svg create mode 100644 ui/src/img/pdf.svg create mode 100644 ui/src/img/phone.svg create mode 100644 ui/src/img/png.svg create mode 100644 ui/src/img/ppt.svg create mode 100644 ui/src/img/xls.svg create mode 100644 ui/src/img/zip.svg diff --git a/ui/src/app/components/Job/ViewJob/comments/index.tsx b/ui/src/app/components/Job/ViewJob/comments/index.tsx new file mode 100644 index 0000000..5e9630d --- /dev/null +++ b/ui/src/app/components/Job/ViewJob/comments/index.tsx @@ -0,0 +1,49 @@ +import React from 'react'; +import * as Styled from './styles'; +import DrawStars from '../../../shared/draw-stars'; +import AvaComment from '../../../../../img/Rectangle.svg'; +import InfiniteScroll from 'react-infinite-scroll-component'; + +const Comments = props => { + const isBlogger = true; + return ( + + + {}} + hasMore={true} + loader={props.loading &&

Loading...

} + height={300} + > +
+ +
+ ava-comment +
+
+ Coll Blogger + + + +
+
+ + Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam + iaculis arcu et lectus interdum, et venenatis turpis pharetra. + Aliquam erat volutpat. Nam hendrerit ex mi. + +
+
+
+ {isBlogger && ( + +