rushilwiz/wheelshare-frontend
1
0
Fork 0
mirror of https://github.com/myfatemi04/wheelshare-frontend.git synced 2025-04-21 11:20:17 -04:00
Code Issues Actions Packages Projects Releases Wiki Activity

rewrite bottom cards

Browse Source
This commit is contained in:
Michael Fatemi 2021-04-11 10:44:20 -04:00
parent 32f3e9d068
commit e02589b26d
1 changed files with 41 additions and 44 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

83
src/components/Home.tsx
View File

@ -3,6 +3,11 @@ import { useContext } from 'react';
import { ION_AUTHORIZATION_ENDPOINT } from '../api/api'; import { ION_AUTHORIZATION_ENDPOINT } from '../api/api';
import AuthenticationContext from './AuthenticationContext'; import AuthenticationContext from './AuthenticationContext';
import ChatIcon from '@material-ui/icons/Chat';
import LockIcon from '@material-ui/icons/Lock';
import LocalTaxi from '@material-ui/icons/LocalTaxi';
import RedeemIcon from '@material-ui/icons/Redeem';
export default function Home() { export default function Home() {
const { user, isLoggedIn } = useContext(AuthenticationContext); const { user, isLoggedIn } = useContext(AuthenticationContext);
@ -87,73 +92,65 @@ export default function Home() {
<div className="row exp-grids py-3 d-inline-flex justify-content-center"> <div className="row exp-grids py-3 d-inline-flex justify-content-center">
<div className="col-lg-5 col-md-7 bg-white text-dark m-2 p-4"> <div className="col-lg-5 col-md-7 bg-white text-dark m-2 p-4">
<img src="images/posts.jpg" alt=" " className="img-fluid" />
<div className="exp wthree"> <div className="exp wthree">
<h5>Browse Posts</h5> <h5>
<LockIcon style={{ marginRight: '1em' }} />
Privacy and Security
</h5>
<div className="clearfix"></div> <div className="clearfix"></div>
<p> <p>
Easily browse through NLP generated recommended posts in All carpools are private to a community. Nobody can view a
your feed. These posts match your previous interests and route before being approved by an admin to the group.
recent trending political and social subjects.
</p> </p>
</div> </div>
</div> </div>
<div className="col-lg-5 col-md-7 bg-white text-dark m-2 p-4"> <div className="col-lg-5 col-md-7 bg-white text-dark m-2 p-4">
<img src="images/events.jpg" alt=" " className="img-fluid" /> {/* <img src="images/events.jpg" alt=" " className="img-fluid" /> */}
<div className="exp wthree"> <div className="exp wthree">
<h5>Browse Events</h5> <h5>
<div className="clearfix"></div> <LocalTaxi style={{ marginRight: '1em' }} />
Optimized Routes
</h5>
<div className="clearfix" />
<p> <p>
Browse local community political events that match your We provide maps for every carpool that enable riders and
political interests in order to best advocate your drivers to choose the optimal carpools for their routes.
concerns and have your voice heard.
</p> </p>
</div> </div>
</div> </div>
<div className="col-lg-5 col-md-7 bg-white text-dark m-2 p-4"> <div className="col-lg-5 col-md-7 bg-white text-dark m-2 p-4">
<br /> {/* <img src="images/post.jpg" alt=" " className="img-fluid" /> */}
<br />
<br />
<img src="images/post.jpg" alt=" " className="img-fluid" />
<div className="exp wthree"> <div className="exp wthree">
<br /> <h5>
<br /> <ChatIcon style={{ marginRight: '1em' }} />
<br /> Communication
</h5>
<h5>Discussion Thread</h5> <div className="clearfix" />
<div className="clearfix"></div>
<p> <p>
View someone's post and leave a like or comment to further Easily communicate with others in the pool without needing
discuss the thread or show your support. Each like or to set up an external group chat. For example, you could
comment will make your feed give more posts or events that coordinate based on who has been vaccinated and who
are similar. hasn't, and ensure that you are following all COVID safety
protocols.
</p> </p>
</div> </div>
</div> </div>
<div className="col-lg-5 col-md-7 bg-white text-dark m-2 p-4"> <div className="col-lg-5 col-md-7 bg-white text-dark m-2 p-4">
<br /> {/* <img
<br />
<br />
<img
src="images/createpost.jpg" src="images/createpost.jpg"
alt="" alt=""
className="img-fluid" className="img-fluid"
/> /> */}
<div className="exp wthree"> <div className="exp wthree">
<br /> <h5>
<br /> <RedeemIcon style={{ marginRight: '1em' }} />
<br /> Rewards
</h5>
<h5>Create Posts</h5> <div className="clearfix" />
<div className="clearfix"></div>
<p> <p>
Create your own post anonymously for free and easily. Your Every driver is given points based on how many passenger
post will be seen by many others as well as politicians miles they have. These points can accumulate and be shown
that can possibly advocate and recognize your interests as badges on the driver's profile.
for your given enough support.
</p> </p>
</div> </div>
</div> </div>