chore(web): add github link

ojpbarbosa · Oct 9, 2023 · ff3be89 · ff3be89
1 parent 4c0f8bc
commit ff3be89
Show file tree

Hide file tree

Showing 3 changed files with 19 additions and 4 deletions.
diff --git a/web/app/page.tsx b/web/app/page.tsx
@@ -4,6 +4,8 @@ import Slogan from './components/slogan'
 import SearchForm from './components/search-form'
 import TrendingTopics from './components/trending-topics'
 import { cn } from '@/library/utilities'
+import { Popover, PopoverContent, PopoverTrigger } from '@/components/ui/popover'
+import { FiHelpCircle } from 'react-icons/fi'
 
 const spaceGrotesk = Space_Grotesk({ subsets: ['latin'] })
 
@@ -15,7 +17,20 @@ export default function Home() {
         <SearchForm />
       </div>
       <div className="w-full lg:w-3/4 xl:w-3/5 flex flex-col justify-center gap-y-4">
-        <h1 className={cn('text-xl', spaceGrotesk.className)}>Trending queries</h1>
+        <div className="flex flex-row align-middle items-center gap-x-1 text-xl">
+          <h2 className={cn('text-xl', spaceGrotesk.className)}>Trending queries</h2>
+          <Popover>
+            <PopoverTrigger>
+              <FiHelpCircle className="text-muted-foreground" />
+            </PopoverTrigger>
+            <PopoverContent className="dark:bg-[#202020]/40 bg-neutral-400/10 backdrop-blur-lg filter mr-10 sm:mr-0">
+              <p>
+                SciSight keeps track of recent and most accessed queries. Click on a trending query
+                to search about it!
+              </p>
+            </PopoverContent>
+          </Popover>
+        </div>
         <TrendingTopics />
       </div>
     </main>

diff --git a/web/app/search/components/results.tsx b/web/app/search/components/results.tsx
@@ -297,7 +297,7 @@ export default function Results({
             </div>
             {nasaEvents ? (
               <>
-                <div className="flex relative items-center w-full max-w-screen flex-col justify-center">
+                <div className="flex relative items-center w-full max-w-screen flex-col gap-y-4 justify-center">
                   <div className="absolute top-0 right-0 z-10 text-2xl sm:text-4xl">
                     <Popover>
                       <PopoverTrigger>
@@ -407,7 +407,7 @@ export default function Results({
               </>
             ) : (
               <>
-                <div className="flex relative items-center w-full max-w-screen flex-col justify-center">
+                <div className="flex relative items-center w-full max-w-screen flex-col gap-y-4 justify-center">
                   <div className="absolute top-0 right-0 z-10 text-2xl sm:text-4xl">
                     <Popover>
                       <PopoverTrigger>

diff --git a/web/components/layout/actions.tsx b/web/components/layout/actions.tsx
@@ -18,7 +18,7 @@ export default function Actions() {
       </a>
       <div className="flex flex-row gap-x-4 items-center text-2xl">
         <Link
-          href="https://github.com/ojpbarbosa/github"
+          href="https://github.com/ojpbarbosa/scisight"
           referrerPolicy="no-referrer"
           target="_blank"
         >