From b4c9f271764151125077f4d98280e5e7344c9d5c Mon Sep 17 00:00:00 2001
From: Daniel O'Connell <github@ahiru.pl>
Date: Tue, 7 May 2024 23:38:21 +0200
Subject: [PATCH] linter fixes

---
 app/components/Button/button.css     | 12 ++++++++----
 app/components/Chatbot/ChatEntry.tsx |  8 ++++++--
 app/components/Chatbot/index.tsx     | 23 +++++++++++------------
 3 files changed, 25 insertions(+), 18 deletions(-)

diff --git a/app/components/Button/button.css b/app/components/Button/button.css
index e1a3c8ff..87cfb8e6 100644
--- a/app/components/Button/button.css
+++ b/app/components/Button/button.css
@@ -134,19 +134,23 @@
 
 /* state */
 
-.primary:hover, .primary-large:hover {
+.primary:hover,
+.primary-large:hover {
   background: var(--colors-teal-700, #17736e);
 }
 
-.primary-alt:hover, .primary-alt-large:hover {
+.primary-alt:hover,
+.primary-alt-large:hover {
   color: var(--colors-teal-800, #146560);
 }
 
-.secondary:hover, .secondary-large:hover {
+.secondary:hover,
+.secondary-large:hover {
   border: 1px solid var(--colors-teal-200, #a6d9d7) !important;
 }
 
-.secondary-alt:hover, .secondary-alt-large:hover {
+.secondary-alt:hover,
+.secondary-alt-large:hover {
   border: 1px solid var(--colors-teal-200, #a6d9d7);
 }
 
diff --git a/app/components/Chatbot/ChatEntry.tsx b/app/components/Chatbot/ChatEntry.tsx
index 8c0e7db8..7ee57dc2 100644
--- a/app/components/Chatbot/ChatEntry.tsx
+++ b/app/components/Chatbot/ChatEntry.tsx
@@ -9,7 +9,6 @@ import type {Entry, AssistantEntry, StampyEntry, Citation, ErrorMessage} from '~
 
 // icons
 import IconBotSmall from '~/components/icons-generated/BotSmall'
-import BotIcon from '~/components/icons-generated/Bot'
 import LinkIcon from '~/components/icons-generated/LinkOut'
 import PersonIcon from '~/components/icons-generated/Person'
 import StampyIcon from '~/components/icons-generated/Stampy'
@@ -168,7 +167,12 @@ const ChatbotReply = ({question, phase, content, citationsMap}: AssistantEntry)
 
   return (
     <div>
-      <Title title="Stampy" Icon={IconStampySmall} answerType="bot" hint="Generated by an AI model" />
+      <Title
+        title="Stampy"
+        Icon={IconStampySmall}
+        answerType="bot"
+        hint="Generated by an AI model"
+      />
       <PhaseState />
       <div className="padding-bottom-56 padding-left-56 large-reading">
         {content?.split(/(\[\d+\])|(\n)/).map((chunk, i) => {
diff --git a/app/components/Chatbot/index.tsx b/app/components/Chatbot/index.tsx
index 03b73982..d099d446 100644
--- a/app/components/Chatbot/index.tsx
+++ b/app/components/Chatbot/index.tsx
@@ -1,6 +1,5 @@
 import {useEffect, useRef, useState} from 'react'
 import {useFetcher, useNavigate} from '@remix-run/react'
-import StampyIcon from '~/components/icons-generated/Stampy'
 import IconStampyLarge from '~/components/icons-generated/StampyLarge'
 import IconStampySmall from '~/components/icons-generated/StampySmall'
 import SendIcon from '~/components/icons-generated/PlaneSend'
@@ -168,17 +167,17 @@ const SplashScreen = ({
   questions?: string[]
   onQuestion: (v: string) => void
 }) => (
-    <div className="padding-top-40">
-      <IconStampyLarge />
-      <div className="fcol-6 padding-bottom-40 padding-top-40">n
-        <h2 className="teal-500">Hi there, I'm Stampy.</h2>
-        <h2>I can answer your questions about AI Safety</h2>
-      </div>
-      <Followups
-        title="Not sure where to start? Try these:"
-        followups={questions?.map((text: string) => ({text}))}
-        onSelect={({text}: Followup) => onQuestion(text)}
-      />
+  <div className="padding-top-40">
+    <IconStampyLarge />
+    <div className="fcol-6 padding-bottom-40 padding-top-40">
+      n<h2 className="teal-500">Hi there, I'm Stampy.</h2>
+      <h2>I can answer your questions about AI Safety</h2>
+    </div>
+    <Followups
+      title="Not sure where to start? Try these:"
+      followups={questions?.map((text: string) => ({text}))}
+      onSelect={({text}: Followup) => onQuestion(text)}
+    />
   </div>
 )