adds rss page

Author: tdjsnelling

client/components/Navigation.js

@@ -11,6 +11,7 @@ import { ListUl } from '@styled-icons/boxicons-regular/ListUl'
 import { Search } from '@styled-icons/boxicons-regular/Search'
 import { Upload } from '@styled-icons/boxicons-regular/Upload'
 import { News } from '@styled-icons/boxicons-regular/News'
+import { Rss } from '@styled-icons/boxicons-regular/Rss'
 import { User } from '@styled-icons/boxicons-regular/User'
 import { Error } from '@styled-icons/boxicons-regular/Error'
 import { TrendingUp } from '@styled-icons/boxicons-regular/TrendingUp'
@@ -161,6 +162,12 @@ const Navigation = ({ isMobile, menuIsOpen, setMenuIsOpen }) => {
                   <News size={24} />
                 </NavLink>
               </Link>
+              <Link href="/rss" passHref>
+                <NavLink>
+                  <Text>RSS</Text>
+                  <Rss size={24} />
+                </NavLink>
+              </Link>
               <Link href={`/user/${username}`} passHref>
                 <NavLink highlights={['/account']}>
                   <Text>{username}</Text>

client/pages/_app.js

@@ -177,7 +177,7 @@ const SqTracker = ({ Component, pageProps, initialTheme }) => {
         <title>sqtracker</title>
         <link
           rel="shortcut icon"
-          href={`data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'><rect width='32' height='32' rx='6' fill='${appTheme.colors.primary.replace(
+          href={`data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'><rect width='28' height='28' x='2' y='2' rx='4' fill='${appTheme.colors.primary.replace(
             '#',
             '%23'
           )}' /></svg>`}

client/pages/rss.js

@@ -0,0 +1,38 @@
+import React from 'react'
+import getConfig from 'next/config'
+import SEO from '../components/SEO'
+import Text from '../components/Text'
+
+const Rss = () => {
+  const {
+    publicRuntimeConfig: { SQ_BASE_URL },
+  } = getConfig()
+
+  return (
+    <>
+      <SEO title="RSS" />
+      <Text as="h1" mb={4}>
+        RSS
+      </Text>
+      <Text mb={4}>
+        There is an RSS feed at <strong>{SQ_BASE_URL}/api/rss</strong>.
+      </Text>
+      <Text mb={4}>
+        To authenticate yourself, you must provide the cookies{' '}
+        <strong>username</strong> and <strong>password</strong> to the RSS
+        endpoint, containing your username and your password respectively.
+      </Text>
+      <Text mb={4}>
+        If no query parameters are provided, the RSS feed will contain the 100
+        latest torrents.
+      </Text>
+      <Text>
+        To only include matching results in the feed, you can add the{' '}
+        <strong>query</strong> query parameter, e.g.{' '}
+        <strong>/api/rss?query=loremipsum</strong>.
+      </Text>
+    </>
+  )
+}
+
+export default Rss