@@ -18,12 +18,7 @@ import { Button } from "react-bootstrap";
1818import AddEventModal from "./popups/AddEventModal" ;
1919import AddProjectModal from "./popups/AddProjectModal" ;
2020import ArrowDropUpIcon from "@material-ui/icons/ArrowDropUp" ;
21- // import ArrowDropDownIcon from "@material-ui/icons/ArrowDropDown";
2221import ChatBubbleIcon from "@material-ui/icons/ChatBubble" ;
23- // import EventNoteIcon from "@material-ui/icons/EventNote";
24- // import EventIcon from "@material-ui/icons/Event";
25- // import ReplyIcon from '@material-ui/icons/Reply';
26- // import feed from "../../../jsonData/news-feed";
2722import "../../pinned-posts/posts/posts.scss" ;
2823import "./news-feed.scss" ;
2924import AddPostModal from "./popups/AddPostModal" ;
@@ -40,11 +35,14 @@ const styles = makeStyles((theme) => ({
4035 minWidth : "50%" ,
4136 } ,
4237 listStyle : {
43- paddingBottom : 0 ,
38+ background : "#ffffff" ,
39+ border : "1px solid #cccccc" ,
40+ boxShadow : "1px 2px 5px rgba(0, 0, 0, 0.1)" ,
41+ borderRadius : "5px"
4442 } ,
4543 listStyle2 : {
4644 paddingTop : 0 ,
47- marginTop : "-4px" ,
45+ marginTop : "-4px"
4846 } ,
4947 info : {
5048 position : "absolute" ,
@@ -98,19 +96,15 @@ function NewsFeed(props) {
9896 const [ writePost , showPostModal ] = useState ( false ) ;
9997 const [ showComment , toggle ] = useState ( false ) ;
10098 const [ commentId , setCommentId ] = useState ( '' ) ;
101- // const [all, setAll] = useState([]);
10299 const [ events , setEvents ] = useState ( [ ] ) ;
103100 const [ projects , setAllProjects ] = useState ( [ ] ) ;
104101 const [ posts , setAllPosts ] = useState ( [ ] ) ;
105- // const [allCommentsOfPost, setAllCommentsOfPost] = useState({})
106102
107103 useEffect ( ( ) => {
108104 console . log ( "useEffect from news-feed " , props ) ;
109105 setEvents ( props ?. allEvents ) ;
110106 setAllProjects ( props ?. allProjects ) ;
111107 setAllPosts ( props ?. allPosts ) ;
112- // setAll(props?.allMix);
113- // setAllCommentsOfPost(props?.comment?.allComments)
114108 } , [ props ] ) ;
115109
116110 let handleClick = ( atrb ) => ( ) => {
@@ -154,9 +148,6 @@ function NewsFeed(props) {
154148 < div className = "grid" key = { post . _id } >
155149 < Paper elevation = { 1 } className = { classes . paper } >
156150 < Card className = { classes . root } >
157- { /* <CardMedia className="projimg"
158- image={post?.image || eventImg } title="Post Image">
159- </CardMedia> */ }
160151 < List className = { classes . listStyle } >
161152 < ListItem className = { classes . listStyle2 } >
162153 < ListItemAvatar >
@@ -168,20 +159,6 @@ function NewsFeed(props) {
168159 < h2 > { post ?. userId ?. name ?. firstName + " " + post ?. userId ?. name ?. lastName } </ h2 >
169160 < small > { post ?. createdAt } </ small >
170161 </ ListItemText >
171- { /* <ListItemSecondaryAction>
172- {post.note === true ? (
173- <IconButton edge="end" className={classes.icon}>
174- <EventNoteIcon className={classes.event} />
175- </IconButton>
176- ) : post.schedule === true ? (
177- <IconButton edge="end" className={classes.icon}>
178- <EventIcon className={classes.event} />
179- </IconButton>
180- ) : null}
181- <IconButton edge="end" className={classes.icon}>
182- <MoreHorizIcon className={classes.horiz} />
183- </IconButton>
184- </ListItemSecondaryAction> */ }
185162 </ ListItem >
186163 < div className = "post-details2" > { post ?. content } </ div >
187164 < ListItem >
@@ -235,36 +212,16 @@ function NewsFeed(props) {
235212 < h2 > { project ?. createdBy ?. name ?. firstName + " " + project ?. createdBy ?. name ?. lastName } </ h2 >
236213 < small > { project ?. createdAt } </ small >
237214 </ ListItemText >
238- { /* <ListItemSecondaryAction>
239- { (project?.note === true) ?
240- <IconButton edge="end" className={classes.icon}>
241- <EventNoteIcon className={classes.event}/>
242- </IconButton> : (project.schedule === true) ?
243- <IconButton edge="end" className={classes.icon}>
244- <EventIcon className={classes.event}/>
245- </IconButton> : null }
246- <IconButton edge="end" className={classes.icon}>
247- <MoreHorizIcon className={classes.horiz}/>
248- </IconButton>
249- </ListItemSecondaryAction> */ }
250215 </ ListItem >
251216 < div className = "post-details2" > { project ?. description ?. short } </ div >
252217 < ListItem >
253- { /* <IconButton className={classes.vote}>
254- <ArrowDropUpIcon className="up-vote"/>
255- </IconButton>
256- <span className="up-vote"> {project.upvotes}</span>
257- <span className="space"></span>
258- <IconButton className={classes.vote}>
259- <ArrowDropDownIcon className="down-vote"/>
260- </IconButton>
261- <span className="down-vote">{project.downVotes}</span> */ }
262218 < span className = "com-btn" >
263219 < ChatBubbleIcon className = { classes . chat } />
264220 < Button
265- onClick = {
221+ className = "comment-btn"
222+ onClick = {
266223 commentToggle . bind ( this , project . _id )
267- } >
224+ } >
268225 < span className = "comment" > Comment</ span >
269226 </ Button >
270227 </ span >
@@ -317,40 +274,8 @@ function NewsFeed(props) {
317274 < h2 > { event ?. createdBy ?. name ?. firstName + " " + event ?. createdBy ?. name ?. lastName } </ h2 >
318275 < small > { event ?. createdAt } </ small >
319276 </ ListItemText >
320- { /* <ListItemSecondaryAction>
321- { (event.note === true) ?
322- <IconButton edge="end" className={classes.icon}>
323- <EventNoteIcon className={classes.event}/>
324- </IconButton> : (event.schedule === true) ?
325- <IconButton edge="end" className={classes.icon}>
326- <EventIcon className={classes.event}/>
327- </IconButton> : null }
328- <IconButton edge="end" className={classes.icon}>
329- <MoreHorizIcon className={classes.horiz}/>
330- </IconButton>
331- </ListItemSecondaryAction> */ }
332277 </ ListItem >
333278 < div className = "post-details2" > { event ?. description ?. shortDescription } </ div >
334- { /* <ListItem>
335- <IconButton className={classes.vote}>
336- <ArrowDropUpIcon className="up-vote"/>
337- </IconButton>
338- <span className="up-vote">{event.upvotes}</span>
339- <span className="space"></span>
340- <IconButton className={classes.vote}>
341- <ArrowDropDownIcon className="down-vote"/>
342- </IconButton>
343- <span className="down-vote">{event.downVotes}</span>
344- <span className="com-btn">
345- <ChatBubbleIcon className={classes.chat}/>
346- <Button
347- onClick = {
348- commentToggle.bind(this, event._id)
349- } >
350- <span className="comment">Comment</span>
351- </Button>
352- </span>
353- </ListItem> */ }
354279 </ List >
355280 </ Card >
356281 </ Paper >
0 commit comments