diff --git a/diskuy/.eslintcache b/diskuy/.eslintcache
index 261a9424f7ebb4e777c621349680d0069720d1da..721e240a5b619d5a5e2c76a65f58ba2a4f1696fc 100644
--- a/diskuy/.eslintcache
+++ b/diskuy/.eslintcache
@@ -1 +1 @@
-[{"C:\\Users\\Ryo Axtonlie\\Documents\\..KULIAH\\SEM 5\\PemFung\\tk\\diskuy\\diskuy\\src\\index.js":"1","C:\\Users\\Ryo Axtonlie\\Documents\\..KULIAH\\SEM 5\\PemFung\\tk\\diskuy\\diskuy\\src\\reportWebVitals.js":"2","C:\\Users\\Ryo Axtonlie\\Documents\\..KULIAH\\SEM 5\\PemFung\\tk\\diskuy\\diskuy\\src\\App.js":"3","C:\\Users\\Ryo Axtonlie\\Documents\\..KULIAH\\SEM 5\\PemFung\\tk\\diskuy\\diskuy\\src\\Topic.js":"4","C:\\Users\\Ryo Axtonlie\\Documents\\..KULIAH\\SEM 5\\PemFung\\tk\\diskuy\\diskuy\\src\\Thread.js":"5","C:\\Users\\Ryo Axtonlie\\Documents\\..KULIAH\\SEM 5\\PemFung\\tk\\diskuy\\diskuy\\src\\Post.js":"6","C:\\Users\\Ryo Axtonlie\\Documents\\..KULIAH\\SEM 5\\PemFung\\tk\\diskuy\\diskuy\\src\\Comment.js":"7"},{"size":517,"mtime":1608228708909,"results":"8","hashOfConfig":"9"},{"size":375,"mtime":1608228708909,"results":"10","hashOfConfig":"9"},{"size":652,"mtime":1608228708907,"results":"11","hashOfConfig":"9"},{"size":417,"mtime":1608483851515,"results":"12","hashOfConfig":"9"},{"size":2193,"mtime":1608487070666,"results":"13","hashOfConfig":"9"},{"size":331,"mtime":1608483851514,"results":"14","hashOfConfig":"9"},{"size":286,"mtime":1608228816544,"results":"15","hashOfConfig":"9"},{"filePath":"16","messages":"17","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0},"1e00zfu",{"filePath":"18","messages":"19","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0},{"filePath":"20","messages":"21","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0},{"filePath":"22","messages":"23","errorCount":0,"warningCount":2,"fixableErrorCount":0,"fixableWarningCount":0,"source":null},{"filePath":"24","messages":"25","errorCount":0,"warningCount":1,"fixableErrorCount":0,"fixableWarningCount":0,"source":null},{"filePath":"26","messages":"27","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0},{"filePath":"28","messages":"29","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0},"C:\\Users\\Ryo Axtonlie\\Documents\\..KULIAH\\SEM 5\\PemFung\\tk\\diskuy\\diskuy\\src\\index.js",[],"C:\\Users\\Ryo Axtonlie\\Documents\\..KULIAH\\SEM 5\\PemFung\\tk\\diskuy\\diskuy\\src\\reportWebVitals.js",[],"C:\\Users\\Ryo Axtonlie\\Documents\\..KULIAH\\SEM 5\\PemFung\\tk\\diskuy\\diskuy\\src\\App.js",[],"C:\\Users\\Ryo Axtonlie\\Documents\\..KULIAH\\SEM 5\\PemFung\\tk\\diskuy\\diskuy\\src\\Topic.js",["30","31"],"C:\\Users\\Ryo Axtonlie\\Documents\\..KULIAH\\SEM 5\\PemFung\\tk\\diskuy\\diskuy\\src\\Thread.js",["32"],"C:\\Users\\Ryo Axtonlie\\Documents\\..KULIAH\\SEM 5\\PemFung\\tk\\diskuy\\diskuy\\src\\Post.js",[],"C:\\Users\\Ryo Axtonlie\\Documents\\..KULIAH\\SEM 5\\PemFung\\tk\\diskuy\\diskuy\\src\\Comment.js",[],{"ruleId":"33","severity":1,"message":"34","line":2,"column":8,"nodeType":"35","messageId":"36","endLine":2,"endColumn":14},{"ruleId":"33","severity":1,"message":"37","line":14,"column":20,"nodeType":"35","messageId":"36","endLine":14,"endColumn":29},{"ruleId":"38","severity":1,"message":"39","line":56,"column":67,"nodeType":"40","messageId":"41","endLine":56,"endColumn":69},"no-unused-vars","'Thread' is defined but never used.","Identifier","unusedVar","'setThread' is assigned a value but never used.","eqeqeq","Expected '!==' and instead saw '!='.","BinaryExpression","unexpected"]
\ No newline at end of file
+[{"F:\\Jonathan\\Kuliah\\Pemfung\\diskuy\\diskuy\\src\\index.js":"1","F:\\Jonathan\\Kuliah\\Pemfung\\diskuy\\diskuy\\src\\reportWebVitals.js":"2","F:\\Jonathan\\Kuliah\\Pemfung\\diskuy\\diskuy\\src\\App.js":"3","F:\\Jonathan\\Kuliah\\Pemfung\\diskuy\\diskuy\\src\\Topic.js":"4","F:\\Jonathan\\Kuliah\\Pemfung\\diskuy\\diskuy\\src\\Thread.js":"5","F:\\Jonathan\\Kuliah\\Pemfung\\diskuy\\diskuy\\src\\Comment.js":"6","F:\\Jonathan\\Kuliah\\Pemfung\\diskuy\\diskuy\\src\\Post.js":"7","F:\\Jonathan\\Kuliah\\Pemfung\\diskuy\\diskuy\\src\\Navbar.js":"8"},{"size":517,"mtime":1608489407339,"results":"9","hashOfConfig":"10"},{"size":375,"mtime":1608489407340,"results":"11","hashOfConfig":"10"},{"size":494,"mtime":1608498100008,"results":"12","hashOfConfig":"10"},{"size":417,"mtime":1608489407338,"results":"13","hashOfConfig":"10"},{"size":2193,"mtime":1608489407337,"results":"14","hashOfConfig":"10"},{"size":286,"mtime":1608489407334,"results":"15","hashOfConfig":"10"},{"size":331,"mtime":1608489407335,"results":"16","hashOfConfig":"10"},{"size":1089,"mtime":1608498297498,"results":"17","hashOfConfig":"10"},{"filePath":"18","messages":"19","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0,"usedDeprecatedRules":"20"},"dzubz0",{"filePath":"21","messages":"22","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0,"usedDeprecatedRules":"20"},{"filePath":"23","messages":"24","errorCount":0,"warningCount":1,"fixableErrorCount":0,"fixableWarningCount":0,"source":null},{"filePath":"25","messages":"26","errorCount":0,"warningCount":2,"fixableErrorCount":0,"fixableWarningCount":0,"source":"27","usedDeprecatedRules":"20"},{"filePath":"28","messages":"29","errorCount":0,"warningCount":1,"fixableErrorCount":0,"fixableWarningCount":0,"source":"30","usedDeprecatedRules":"20"},{"filePath":"31","messages":"32","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0,"usedDeprecatedRules":"20"},{"filePath":"33","messages":"34","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0,"usedDeprecatedRules":"20"},{"filePath":"35","messages":"36","errorCount":0,"warningCount":1,"fixableErrorCount":0,"fixableWarningCount":0,"source":null},"F:\\Jonathan\\Kuliah\\Pemfung\\diskuy\\diskuy\\src\\index.js",[],["37","38"],"F:\\Jonathan\\Kuliah\\Pemfung\\diskuy\\diskuy\\src\\reportWebVitals.js",[],"F:\\Jonathan\\Kuliah\\Pemfung\\diskuy\\diskuy\\src\\App.js",["39"],"F:\\Jonathan\\Kuliah\\Pemfung\\diskuy\\diskuy\\src\\Topic.js",["40","41"],"import React, { useState } from \"react\";\r\nimport Thread from './Thread'\r\n\r\nconst threads = [\r\n {\r\n header: 'halo'\r\n },\r\n {\r\n header: 'halo'\r\n }\r\n]\r\n\r\nexport default function Topic(props){\r\n const [thread, setThread] = useState(threads)\r\n\r\n return (\r\n <div>\r\n {thread.map((value) => (\r\n <h2>{value.header}</h2>\r\n ))}\r\n </div>\r\n )\r\n}","F:\\Jonathan\\Kuliah\\Pemfung\\diskuy\\diskuy\\src\\Thread.js",["42"],"import React, { useState } from \"react\";\r\nimport './Thread.css';\r\nimport Comment from './Comment';\r\nimport Post from './Post';\r\n\r\nconst placeholder = [\r\n {\r\n id:\"1\",\r\n user: \"abcd\",\r\n text: \"Halohalohalohalo\",\r\n points: 10\r\n }, \r\n {\r\n id:\"2\",\r\n user: \"test123\",\r\n text: \"SONOIHIGREGOEHOAI;HASD\",\r\n points: 20\r\n }, \r\n {\r\n id:\"3\",\r\n user: \"heiehe\",\r\n text: \"IJCSIFHIFHIU\",\r\n points: 30\r\n },\r\n];\r\n\r\n\r\nexport default function Thread(props){\r\n const [idGenerator, setIdGenerator] = useState(4);\r\n const [comment, setComment] = useState(placeholder);\r\n const [newComment, setNewComment] = useState({\r\n user:\"\",\r\n text:\"\",\r\n points:0\r\n });\r\n\r\n function fillComment(event) {\r\n setNewComment(event.currentTarget.value);\r\n }\r\n\r\n function addComment() {\r\n let commentList = [...comment]\r\n commentList.push({\r\n id: idGenerator,\r\n user:\"tester\",\r\n text:newComment,\r\n points:0\r\n });\r\n const newId = idGenerator + 1\r\n setIdGenerator(newId);\r\n console.log(idGenerator);\r\n setComment(commentList);\r\n }\r\n\r\n function deleteComment(id) {\r\n const newCommentList = comment.filter((value) => value.id != id);\r\n setComment(newCommentList);\r\n }\r\n\r\n return (\r\n <div>\r\n <div>\r\n <Post text=\"asdasfdgg\" header=\"Berita Gembira\" user=\"Hello guys David disini\" points=\"100\"/>\r\n <p className='inline'>Comment</p>\r\n </div>\r\n {comment.map((value) => (\r\n <div id=\"threadComment\">\r\n <Comment text={value.text} user={value.user} points={value.points}/>\r\n <button type=\"button\" onClick={() => deleteComment(value.id)}>Delete</button>\r\n </div>\r\n ))}\r\n <textarea className=\"commentBox\" cols=\"70\" rows=\"5\" \r\n onChange={(event) => fillComment(event)}> \r\n </textarea>\r\n <button onClick={addComment}>Add Comment</button>\r\n </div>\r\n )\r\n}","F:\\Jonathan\\Kuliah\\Pemfung\\diskuy\\diskuy\\src\\Comment.js",[],"F:\\Jonathan\\Kuliah\\Pemfung\\diskuy\\diskuy\\src\\Post.js",[],"F:\\Jonathan\\Kuliah\\Pemfung\\diskuy\\diskuy\\src\\Navbar.js",["43"],{"ruleId":"44","replacedBy":"45"},{"ruleId":"46","replacedBy":"47"},{"ruleId":"48","severity":1,"message":"49","line":9,"column":3,"nodeType":"50","messageId":"51","endLine":9,"endColumn":7},{"ruleId":"48","severity":1,"message":"52","line":2,"column":8,"nodeType":"50","messageId":"51","endLine":2,"endColumn":14},{"ruleId":"48","severity":1,"message":"53","line":14,"column":20,"nodeType":"50","messageId":"51","endLine":14,"endColumn":29},{"ruleId":"54","severity":1,"message":"55","line":56,"column":67,"nodeType":"56","messageId":"57","endLine":56,"endColumn":69},{"ruleId":"58","severity":1,"message":"59","line":11,"column":13,"nodeType":"60","endLine":11,"endColumn":49},"no-native-reassign",["61"],"no-negated-in-lhs",["62"],"no-unused-vars","'Link' is defined but never used.","Identifier","unusedVar","'Thread' is defined but never used.","'setThread' is assigned a value but never used.","eqeqeq","Expected '!==' and instead saw '!='.","BinaryExpression","unexpected","jsx-a11y/anchor-is-valid","The href attribute requires a valid value to be accessible. Provide a valid, navigable address as the href value. If you cannot provide a valid href, but still need the element to resemble a link, use a button and change it with appropriate styles. Learn more: https://github.com/evcohen/eslint-plugin-jsx-a11y/blob/master/docs/rules/anchor-is-valid.md","JSXOpeningElement","no-global-assign","no-unsafe-negation"]
\ No newline at end of file
diff --git a/diskuy/public/index.html b/diskuy/public/index.html
index aa069f27cbd9d53394428171c3989fd03db73c76..cf78dad22ae76379c8ba978e8fb1869be18a182f 100644
--- a/diskuy/public/index.html
+++ b/diskuy/public/index.html
@@ -3,6 +3,10 @@
<head>
<meta charset="utf-8" />
<link rel="icon" href="%PUBLIC_URL%/favicon.ico" />
+ <link rel="preconnect" href="https://fonts.gstatic.com">
+ <link href="https://fonts.googleapis.com/css2?family=DM+Sans:ital,wght@0,400;0,500;0,700;1,400;1,500;1,700&display=swap" rel="stylesheet">
+ <link rel="preconnect" href="https://fonts.gstatic.com">
+ <link href="https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,400;0,700;1,400;1,700&display=swap" rel="stylesheet">
<meta name="viewport" content="width=device-width, initial-scale=1" />
<meta name="theme-color" content="#000000" />
<meta
@@ -25,6 +29,13 @@
Learn how to configure a non-root public URL by running `npm run build`.
-->
<title>React App</title>
+
+ <script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous"></script>
+ <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js" integrity="sha384-UO2eT0CpHqdSJQ6hJty5KVphtPhzWj9WO1clHTMGa3JDZwrnQq4sF86dIHNDz0W1" crossorigin="anonymous"></script>
+ <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js" integrity="sha384-JjSmVgyd0p3pXB1rRibZUAYoIIy6OrQ6VrjIEaFf/nJGzIxFDsf4x0xIM+B07jRM" crossorigin="anonymous"></script>
+ <script src="https://kit.fontawesome.com/4b60c8a34d.js"></script>
+ <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css" integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin="anonymous">
+
</head>
<body>
<noscript>You need to enable JavaScript to run this app.</noscript>
diff --git a/diskuy/src/App.css b/diskuy/src/App.css
index 8a59888e06f62b0084c43aeb56a740d8c8e00bc9..987fee2b9fa5bc22b5cd72e3c5ba2b2d81d07d2e 100644
--- a/diskuy/src/App.css
+++ b/diskuy/src/App.css
@@ -1,3 +1,3 @@
body {
- margin: 1%;
+
}
\ No newline at end of file
diff --git a/diskuy/src/App.js b/diskuy/src/App.js
index 54051fa327bdbda9b9e247fd0fa851b996eeaaa2..e33481ac6be0f28702892c6c73c9bb3d7bfef698 100644
--- a/diskuy/src/App.js
+++ b/diskuy/src/App.js
@@ -1,6 +1,7 @@
import './App.css';
import Thread from './Thread';
import Topic from './Topic';
+import Navbar from './Navbar';
import {
BrowserRouter as Router,
Switch,
@@ -12,16 +13,7 @@ import {
function App() {
return (
<Router>
- <div>
- <nav>
- <li>
- <Link to="/">Home</Link>
- </li>
- <li>
- <Link to="/thread">Thread</Link>
- </li>
- </nav>
- </div>
+ <Navbar />
<Switch>
<Route path="/thread">
<Thread />
diff --git a/diskuy/src/Logo.svg b/diskuy/src/Logo.svg
new file mode 100644
index 0000000000000000000000000000000000000000..857bbf1cc7364c70fd65aa574e3cc4ea84bd8ec3
--- /dev/null
+++ b/diskuy/src/Logo.svg
@@ -0,0 +1,12 @@
+<svg width="167" height="41" viewBox="0 0 167 41" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0)">
+<path d="M51.448 30V4.8H60.052C63.004 4.8 65.428 5.328 67.324 6.384C69.244 7.416 70.66 8.88 71.572 10.776C72.508 12.648 72.976 14.856 72.976 17.4C72.976 19.944 72.508 22.164 71.572 24.06C70.66 25.932 69.244 27.396 67.324 28.452C65.428 29.484 63.004 30 60.052 30H51.448ZM56.056 26.04H59.836C61.948 26.04 63.616 25.704 64.84 25.032C66.064 24.336 66.94 23.352 67.468 22.08C67.996 20.784 68.26 19.224 68.26 17.4C68.26 15.6 67.996 14.052 67.468 12.756C66.94 11.46 66.064 10.464 64.84 9.768C63.616 9.072 61.948 8.724 59.836 8.724H56.056V26.04ZM79.4178 9.372C78.5778 9.372 77.8818 9.12 77.3298 8.616C76.8018 8.112 76.5378 7.476 76.5378 6.708C76.5378 5.94 76.8018 5.316 77.3298 4.836C77.8818 4.332 78.5778 4.08 79.4178 4.08C80.2578 4.08 80.9418 4.332 81.4698 4.836C82.0218 5.316 82.2978 5.94 82.2978 6.708C82.2978 7.476 82.0218 8.112 81.4698 8.616C80.9418 9.12 80.2578 9.372 79.4178 9.372ZM77.1138 30V12.144H81.7218V30H77.1138ZM93.9114 30.432C92.3274 30.432 90.9354 30.18 89.7354 29.676C88.5354 29.148 87.5754 28.428 86.8554 27.516C86.1354 26.604 85.7034 25.548 85.5594 24.348H90.2034C90.3474 25.044 90.7314 25.644 91.3554 26.148C92.0034 26.628 92.8314 26.868 93.8394 26.868C94.8474 26.868 95.5794 26.664 96.0354 26.256C96.5154 25.848 96.7554 25.38 96.7554 24.852C96.7554 24.084 96.4194 23.568 95.7474 23.304C95.0754 23.016 94.1394 22.74 92.9394 22.476C92.1714 22.308 91.3914 22.104 90.5994 21.864C89.8074 21.624 89.0754 21.324 88.4034 20.964C87.7554 20.58 87.2274 20.1 86.8194 19.524C86.4114 18.924 86.2074 18.192 86.2074 17.328C86.2074 15.744 86.8314 14.412 88.0794 13.332C89.3514 12.252 91.1274 11.712 93.4074 11.712C95.5194 11.712 97.1994 12.204 98.4474 13.188C99.7194 14.172 100.475 15.528 100.715 17.256H96.3594C96.0954 15.936 95.0994 15.276 93.3714 15.276C92.5074 15.276 91.8354 15.444 91.3554 15.78C90.8994 16.116 90.6714 16.536 90.6714 17.04C90.6714 17.568 91.0194 17.988 91.7154 18.3C92.4114 18.612 93.3354 18.9 94.4874 19.164C95.7354 19.452 96.8754 19.776 97.9074 20.136C98.9634 20.472 99.8034 20.988 100.427 21.684C101.051 22.356 101.363 23.328 101.363 24.6C101.387 25.704 101.099 26.7 100.499 27.588C99.8994 28.476 99.0354 29.172 97.9074 29.676C96.7794 30.18 95.4474 30.432 93.9114 30.432ZM105.445 30V4.08H110.053V19.38L116.389 12.144H121.861L114.553 20.28L123.049 30H117.289L110.053 21.036V30H105.445ZM132.602 30.432C130.37 30.432 128.642 29.736 127.418 28.344C126.218 26.952 125.618 24.912 125.618 22.224V12.144H130.19V21.792C130.19 23.328 130.502 24.504 131.126 25.32C131.75 26.136 132.734 26.544 134.078 26.544C135.35 26.544 136.394 26.088 137.21 25.176C138.05 24.264 138.47 22.992 138.47 21.36V12.144H143.078V30H139.01L138.65 26.976C138.098 28.032 137.294 28.872 136.238 29.496C135.206 30.12 133.994 30.432 132.602 30.432ZM150.041 37.92L154.181 28.812H153.101L146.153 12.144H151.157L156.161 24.708L161.381 12.144H166.277L154.937 37.92H150.041Z" fill="#DE6600"/>
+<path d="M37.31 3H15.9619C14.9753 3 14.1755 3.81119 14.1755 4.81191V19.2166C14.1755 20.2173 14.9753 21.0285 15.9619 21.0285H24.8709L31.1451 25.8237C31.3112 25.9506 31.4973 26.0078 31.679 26.0078C32.1417 26.0078 32.5759 25.6369 32.5759 25.1002V21.0286H37.31C38.2967 21.0286 39.0965 20.2174 39.0965 19.2167V4.812C39.0965 3.81119 38.2967 3 37.31 3Z" fill="#FEA02F"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M23.4357 22.484H15.5987H14.5268C13.5401 22.484 12.7404 21.6728 12.7404 20.6721V19.5849V8.2605H2.26471C1.19318 8.2605 0.324585 9.06223 0.324585 10.0514V24.288C0.324585 25.2771 1.19318 26.0788 2.26471 26.0788H7.40603V30.1029C7.40603 30.6334 7.87758 30.9999 8.38007 30.9999C8.57748 30.9999 8.77954 30.9434 8.95988 30.818L15.7739 26.0787H25.4492C26.13 26.0787 26.7288 25.7551 27.0751 25.2654L23.4357 22.484Z" fill="#DE6600"/>
+</g>
+<defs>
+<clipPath id="clip0">
+<rect width="167" height="41" fill="white"/>
+</clipPath>
+</defs>
+</svg>
diff --git a/diskuy/src/Navbar.css b/diskuy/src/Navbar.css
new file mode 100644
index 0000000000000000000000000000000000000000..e14e16f125e47f561d6408f2f07b8d4c01092ed5
--- /dev/null
+++ b/diskuy/src/Navbar.css
@@ -0,0 +1,11 @@
+#navbar {
+ background-color: #ffffff;
+ height: 65px;
+ box-shadow: 0px 4px 4px rgba(0,0,0,0.25);
+ font-family: "DM Sans";
+}
+
+
+.nav-link {
+ transition: 0.4s;
+}
diff --git a/diskuy/src/Navbar.js b/diskuy/src/Navbar.js
new file mode 100644
index 0000000000000000000000000000000000000000..007edb63d4b8dd807d48e7aa54961a6cdf16e6b5
--- /dev/null
+++ b/diskuy/src/Navbar.js
@@ -0,0 +1,31 @@
+import React from "react";
+import {ReactComponent as DiskuyLogo} from './Logo.svg';
+import './Navbar.css';
+import {
+ Link
+ } from "react-router-dom"
+
+const Navbar = () => {
+ return (
+ <nav id = "navbar" className='navbar navbar-expand-lg navbar-light position-sticky fixed-top'>
+ <a className="navbar-brand" href="">
+ <div className="d-flex align-items-center">
+ <Link to="/"><DiskuyLogo /></Link>
+ </div>
+ </a>
+ <ul className="navbar-nav ml-auto">
+ <li className="nav-item ml-auto">
+ <Link to="/" className="nav-link"><b>Home</b></Link>
+ </li>
+ <li className="nav-item ml-auto">
+ <Link to="/thread" className="nav-link"><b>Threads</b></Link>
+ </li>
+ <li className="nav-item ml-auto">
+ <Link to="/" className="nav-link"><b>Profile</b></Link>
+ </li>
+ </ul>
+ </nav>
+ );
+}
+
+export default Navbar;