jsx working

src/components/header.tsx

@@ -0,0 +1,49 @@
+export const Header = ({ loggedIn }: { loggedIn?: boolean }) => {
+  let rightNav: JSX.Element;
+  if (loggedIn) {
+    rightNav = (
+      <ul>
+        <li>
+          <a href="/results">History</a>
+        </li>
+        <li>
+          <a href="/logout">Logout</a>
+        </li>
+      </ul>
+    );
+  } else {
+    rightNav = (
+      <ul>
+        <li>
+          <a href="/login">Login</a>
+        </li>
+        <li>
+          <a href="/register">Register</a>
+        </li>
+      </ul>
+    );
+  }
+
+  return (
+    <header class="container-fluid">
+      <nav>
+        <ul>
+          <li>
+            <strong>
+              <a
+                href="/"
+                style={{
+                  textDecoration: "none",
+                  color: "inherit",
+                }}
+              >
+                ConvertX
+              </a>
+            </strong>
+          </li>
+        </ul>
+        {rightNav}
+      </nav>
+    </header>
+  );
+};