Add back button to tags page

StampyAI · Sep 29, 2023 · 3faddc0 · 3faddc0
1 parent 8d2bb05
commit 3faddc0
Show file tree

Hide file tree

Showing 3 changed files with 10 additions and 0 deletions.
diff --git a/app/assets/icons/undo.svg b/app/assets/icons/undo.svg
diff --git a/app/root.css b/app/root.css
@@ -786,6 +786,10 @@ a[target='_blank']:not(.icon-link, .transparent-link):after {
   display: flex;
   flex-wrap: wrap;
 }
+.tag-controls a {
+  margin: var(--marginTags);
+}
+
 .tag-controls .searchbar {
   flex: 1;
   margin: var(--marginTags);

diff --git a/app/routes/tags/index.tsx b/app/routes/tags/index.tsx
@@ -5,6 +5,7 @@ import {loadTags, Tag as TagType, QuestionState} from '~/server-utils/stampy'
 import {Header, Footer} from '~/components/layouts'
 import {MagnifyingGlass} from '~/components/icons-generated'
 import {TagQuestions} from './$tag'
+import undoSvg from '../../assets/icons/undo.svg'
 
 export const loader = async ({request}: Parameters<LoaderFunction>[0]) => {
   try {
@@ -50,6 +51,10 @@ export default function App() {
       <Header />
       <main>
         <div className="tag-controls">
+          <a href="/" className="icon-link">
+            <img className="logo" alt="undo" src={undoSvg} />
+            Back
+          </a>
           <label className="searchbar">
             <input
               type="search"