From 87e5efaa1857526be13290cc760e41b7e8c9eb86 Mon Sep 17 00:00:00 2001
From: Edmund Hung <me@edmund.dev>
Date: Tue, 22 Nov 2022 11:06:00 +0100
Subject: [PATCH] feat: add link for rss (#27)

---
 app/components/SidebarNavigation.tsx | 14 +++++++-------
 app/icons/rss-square.svg             |  5 +++++
 app/routes/_layout.admin.tsx         | 15 ++++++++++++++-
 3 files changed, 26 insertions(+), 8 deletions(-)
 create mode 100644 app/icons/rss-square.svg

diff --git a/app/components/SidebarNavigation.tsx b/app/components/SidebarNavigation.tsx
index ce5f44f..1b692c4 100644
--- a/app/components/SidebarNavigation.tsx
+++ b/app/components/SidebarNavigation.tsx
@@ -20,6 +20,7 @@ import templateIcon from '~/icons/layer-group.svg';
 import exampleIcon from '~/icons/code.svg';
 import eventIcon from '~/icons/calendar-alt.svg';
 import opinionIcon from '~/icons/mail-bulk.svg';
+import rssIcon from '~/icons/rss-square.svg';
 import type { UserProfile } from '~/types';
 import {
 	PaneContainer,
@@ -197,6 +198,9 @@ function SidebarNavigation({
 							<SearchLink list="history">
 								<SvgIcon className="w-4 h-4" href={historyIcon} /> History
 							</SearchLink>
+							{isAdministrator(profile.name) ? (
+								<MenuLink to="/admin">⌨ Admin</MenuLink>
+							) : null}
 						</List>
 					) : null}
 					<List title="Menu">
@@ -210,13 +214,6 @@ function SidebarNavigation({
 							</SearchLink>
 						))}
 					</List>
-					{isAdministrator(profile?.name) ? (
-						<List title="Administrator">
-							<MenuLink to="/admin/pages">🌐 Pages</MenuLink>
-							<MenuLink to="/admin/users">👥 Users</MenuLink>
-							<MenuLink to="/admin/resources">🗃 Backup / Restore</MenuLink>
-						</List>
-					) : null}
 				</div>
 				<div className="border-t">
 					<List>
@@ -232,6 +229,9 @@ function SidebarNavigation({
 						<ExternalLink href="https://www.meetup.com/pro/remix-run/">
 							<SvgIcon className="w-4 h-4" href={meetupIcon} /> Meetup
 						</ExternalLink>
+						<ExternalLink href="/rss.xml">
+							<SvgIcon className="w-4 h-4" href={rssIcon} /> RSS
+						</ExternalLink>
 					</List>
 				</div>
 			</PaneContent>
diff --git a/app/icons/rss-square.svg b/app/icons/rss-square.svg
new file mode 100644
index 0000000..6187a67
--- /dev/null
+++ b/app/icons/rss-square.svg
@@ -0,0 +1,5 @@
+<svg xmlns="http://www.w3.org/2000/svg">
+  <symbol id="icon" viewBox="0 0 448 512">
+    <path fill="currentColor" d="M400 32H48C21.49 32 0 53.49 0 80v352c0 26.51 21.49 48 48 48h352c26.51 0 48-21.49 48-48V80c0-26.51-21.49-48-48-48zm-6 400H54a6 6 0 0 1-6-6V86a6 6 0 0 1 6-6h340a6 6 0 0 1 6 6v340a6 6 0 0 1-6 6zm-218-88c0 22.091-17.909 40-40 40s-40-17.909-40-40 17.909-40 40-40 40 17.909 40 40zm93.566 30.405c-4.774-88.343-75.534-159.193-163.971-163.971-5.22-.282-9.595 3.912-9.595 9.14v27.468c0 4.808 3.709 8.841 8.507 9.153 63.904 4.162 115.127 55.258 119.298 119.298.313 4.798 4.345 8.507 9.153 8.507h27.468c5.228 0 9.422-4.375 9.14-9.595zm82.428.165c-4.796-133.612-112.3-241.744-246.564-246.564-5.159-.185-9.43 3.983-9.43 9.146v27.467c0 4.929 3.906 8.94 8.83 9.142 109.245 4.479 196.93 92.181 201.408 201.408.202 4.925 4.213 8.83 9.142 8.83h27.467c5.164.001 9.332-4.27 9.147-9.429z"/>
+  </symbol>
+</svg>
\ No newline at end of file
diff --git a/app/routes/_layout.admin.tsx b/app/routes/_layout.admin.tsx
index 33bdd0c..7b89679 100644
--- a/app/routes/_layout.admin.tsx
+++ b/app/routes/_layout.admin.tsx
@@ -1,6 +1,6 @@
 import type { LoaderArgs } from '@remix-run/cloudflare';
 import { json } from '@remix-run/cloudflare';
-import { Outlet, useLoaderData, useLocation } from '@remix-run/react';
+import { Link, Outlet, useLoaderData, useLocation } from '@remix-run/react';
 import { useMemo } from 'react';
 import menuIcon from '~/icons/menu.svg';
 import FlashMessage from '~/components/FlashMessage';
@@ -30,6 +30,19 @@ export default function Admin() {
 				<div className="flex-1 leading-8 line-clamp-1">Administrator</div>
 			</PaneHeader>
 			<PaneContent>
+				<div className="px-2.5 flex flex-row gap-4">
+					<Link to="pages" className="hover:underline">
+						Pages
+					</Link>
+					<span>/</span>
+					<Link to="users" className="hover:underline">
+						Users
+					</Link>
+					<span>/</span>
+					<Link to="resources" className="hover:underline">
+						Resources
+					</Link>
+				</div>
 				<Outlet />
 			</PaneContent>
 			<PaneFooter>