Fakultas Ilmu Komputer UI

Commit 8476b7f4 authored by FadhilP's avatar FadhilP
Browse files

add moment.js, fix class to className

parent cd739986
......@@ -46,7 +46,7 @@ export default function FormCreateThread(props) {
return (
<div className="updateProfileFormContainer">
<div className="back" onClick={back}>
<i class="fas fa-angle-left"></i>
<i className="fas fa-angle-left"></i>
<h5>Back</h5>
</div>
<div className="header">
......
......@@ -63,7 +63,7 @@ export default function ListThreads(props) {
return (
<div className="createThreadContainer">
<div className="back" onClick={back}>
<i class="fas fa-angle-left"></i>
<i className="fas fa-angle-left"></i>
<h5>Back</h5>
</div>
<div className="header">
......
......@@ -91,7 +91,7 @@ export default function EditThread(props) {
return (
<div className="editThreadContainer">
<div className="back" onClick={back}>
<i class="fas fa-angle-left"></i>
<i className="fas fa-angle-left"></i>
<h5>Back</h5>
</div>
<div className="header">
......
......@@ -88,7 +88,7 @@ export default function Post(props) {
<div id="postHeader">
<div id="headerData">
<div className="userImage">
{user.picture == 'None' && <i class="far fa-user-circle" />}
{user.picture == 'None' && <i className="far fa-user-circle" />}
{user.picture != 'None' && <img alt="profile" src={user.picture} />}
</div>
<div className="creator">
......@@ -131,9 +131,9 @@ export default function Post(props) {
{loggedIn && (
<button className="likeButton" onClick={handleLike}>
{isLiked ? (
<i class="far fa-thumbs-up active" />
<i className="far fa-thumbs-up active" />
) : (
<i class="far fa-thumbs-up inactive" />
<i className="far fa-thumbs-up inactive" />
)}
</button>
)}
......
......@@ -16,7 +16,7 @@ export default function PreviewThread(props) {
<div id="threadCardContent">
<p>
By{' '}
<Link to={`/profile/${content.username}/1`}>{content.username}</Link> - {time} - <i class="far fa-thumbs-up" /> {content.points}
<Link to={`/profile/${content.username}/1`}>{content.username}</Link> - {time} - <i className="far fa-thumbs-up" /> {content.points}
</p>
</div>
</div>
......
......@@ -45,7 +45,7 @@ export default function CreateTopicForm(props) {
return (
<div className="createTopicFormContainer">
<div className="back" onClick={back}>
<i class="fas fa-angle-left"></i>
<i className="fas fa-angle-left"></i>
<h5>Back</h5>
</div>
<div className="header">
......
......@@ -34,14 +34,14 @@ const Navbar = (props) => {
</div>
</div>
<i
class="fas fa-ellipsis-v navbar-toggler"
className="fas fa-ellipsis-v navbar-toggler"
data-toggle="collapse"
data-target="#navbarSupportedContent"
aria-controls="navbarSupportedContent"
aria-expanded="false"
aria-label="Toggle navigation"
/>
<div class="collapse navbar-collapse" id="navbarSupportedContent">
<div className="collapse navbar-collapse" id="navbarSupportedContent">
<form
className="form-inline my-2 my-lg-0 ml-auto"
onSubmit={handleSearch}
......@@ -50,11 +50,11 @@ const Navbar = (props) => {
className="form-control mr-sm-2"
placeholder="Search thread"
aria-label="Search"
required="false"
required={false}
{...bindSearch}
/>
<button className="btn my-2 my-sm-0 search" type="submit">
<i class="fas fa-search" />
<i className="fas fa-search" />
</button>
</form>
<ul className="navbar-nav ml-auto">
......
Supports Markdown
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment