|
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