From c111b2a45aa863f57807d4c997e4512794be8129 Mon Sep 17 00:00:00 2001
From: FadhilP <fadhilpradipta0@gmail.com>
Date: Sun, 10 Jan 2021 16:53:37 +0700
Subject: [PATCH 1/2] add styling to TopicList
---
diskuy/src/TopicList.js | 17 +++++++++++------
1 file changed, 11 insertions(+), 6 deletions(-)
diff --git a/diskuy/src/TopicList.js b/diskuy/src/TopicList.js
index a86617b..4f2d306 100644
--- a/diskuy/src/TopicList.js
+++ b/diskuy/src/TopicList.js
@@ -17,13 +17,18 @@ export default function TopicList(props){
return (
<div>
- <ul>
- {topics.map((value) => (
- <li>
- <Link to={`topic/${value.name}`}>{value.name}</Link>
- </li>
+ {topics.map((value) => (
+ <Link to={`topic/${value.name}`}>
+ <div id="threadCard">
+ <div id="threadCardHeader">
+ <h2 id="judul">{value.name}</h2>
+ </div>
+ <div id="threadCardContent">
+ {/* <p id="">Total threads:</p> */}
+ </div>
+ </div>
+ </Link>
))}
- </ul>
</div>
)
}
\ No newline at end of file
--
GitLab
From bba40148d996e0a1c620beb63f60dda6d4d4c071 Mon Sep 17 00:00:00 2001
From: FadhilP <fadhilpradipta0@gmail.com>
Date: Sun, 10 Jan 2021 16:54:12 +0700
Subject: [PATCH 2/2] minor styling adjustments
---
diskuy/src/LoginForm.js | 6 ++----
diskuy/src/Threads/Post.js | 4 ++--
2 files changed, 4 insertions(+), 6 deletions(-)
diff --git a/diskuy/src/LoginForm.js b/diskuy/src/LoginForm.js
index 786ac04..a0c9d47 100644
--- a/diskuy/src/LoginForm.js
+++ b/diskuy/src/LoginForm.js
@@ -31,9 +31,7 @@ export default function LoginForm(props){
window.location.reload()
}
catch(error) {
- const responseMessage =
- (error.response && error.response.data && error.response.data.message) || error.message || error.toString()
- setMessage(responseMessage)
+ setMessage('Error')
resetPassword()
resetUsername()
}
@@ -74,7 +72,7 @@ export default function LoginForm(props){
</div>
)}
</form>
- <button onClick={() => props.history.push('/register')}>
+ <button className='btn btn-primary' onClick={() => props.history.push('/register')}>
Register
</button>
</div>
diff --git a/diskuy/src/Threads/Post.js b/diskuy/src/Threads/Post.js
index b273e9d..8c1124c 100644
--- a/diskuy/src/Threads/Post.js
+++ b/diskuy/src/Threads/Post.js
@@ -70,10 +70,10 @@ export default function Post(props){
<div id="postContent">
<h1 id="judul">{props.header}</h1>
<p id="isi">{props.text}</p>
- <p className='inline'>{points}</p>
{loggedIn && (
- <button onClick={handleLike}>{isLiked ? 'Dislike' : 'Like'}</button>
+ <button className={`btn ${isLiked ? 'btn-danger' : 'btn-success'}`} onClick={handleLike}>{isLiked ? 'Dislike' : 'Like'}</button>
)}
+ <p className='inline'>{points}</p>
</div>
</div>
)
--
GitLab