|
1 |
| -import { X } from "lucide-react"; |
| 1 | +import { ExternalLink, LogOut, X } from "lucide-react"; |
2 | 2 | import { signOut } from "next-auth/react";
|
3 | 3 | import Link from "next/link";
|
4 | 4 |
|
@@ -55,19 +55,40 @@ export default function Sidebar({ show, onClose }: SidebarProps) {
|
55 | 55 | <div className="flex-1" />
|
56 | 56 |
|
57 | 57 | {/* Secondary Options */}
|
58 |
| - <div className="flex flex-col gap-2 text-xl"> |
59 |
| - <Link href="https://sinfo.org/">Website</Link> |
60 |
| - <Link href="https://github.com/sinfo/nextjs-sinfo-webapp/issues/new"> |
| 58 | + <div className="flex flex-col gap-2 text-lg"> |
| 59 | + <Link |
| 60 | + href="https://sinfo.org/" |
| 61 | + target="_blank" |
| 62 | + className="flex items-center gap-x-2" |
| 63 | + > |
| 64 | + Website |
| 65 | + <ExternalLink size={16} /> |
| 66 | + </Link> |
| 67 | + <Link |
| 68 | + href="https://github.com/sinfo/nextjs-sinfo-webapp/issues/new" |
| 69 | + target="_blank" |
| 70 | + className="flex items-center gap-x-2" |
| 71 | + > |
61 | 72 | Report a Bug
|
| 73 | + <ExternalLink size={16} /> |
62 | 74 | </Link>
|
63 | 75 | {/* todo: the pages below dont exist */}
|
64 | 76 | <Link href="#" onClick={onClose}>
|
65 | 77 | Privacy Policy
|
66 | 78 | </Link>
|
67 |
| - <Link href="#" onClick={onClose}> |
| 79 | + <Link |
| 80 | + href="https://sinfo.org/code-of-conduct" |
| 81 | + target="_blank" |
| 82 | + className="flex items-center gap-x-2" |
| 83 | + > |
68 | 84 | Code of Conduct
|
| 85 | + <ExternalLink size={16} /> |
69 | 86 | </Link>
|
70 |
| - <button className="text-start" onClick={handleLogout}> |
| 87 | + <button |
| 88 | + className="flex items-center gap-x-2 text-red-500" |
| 89 | + onClick={handleLogout} |
| 90 | + > |
| 91 | + <LogOut size={16} /> |
71 | 92 | Logout
|
72 | 93 | </button>
|
73 | 94 | </div>
|
|
0 commit comments