From ebb02a6799ad504d061db60e3a01548958f929b9 Mon Sep 17 00:00:00 2001
From: Diner <ismail.diner@gmail.com>
Date: Mon, 30 Sep 2024 16:18:03 +0100
Subject: [PATCH] Add Propose new listing button on empty search screen (#217)

---
 components/main-list/MainList.tsx | 11 ++++++++---
 1 file changed, 8 insertions(+), 3 deletions(-)

diff --git a/components/main-list/MainList.tsx b/components/main-list/MainList.tsx
index 750fb7a8..3dc96b0f 100644
--- a/components/main-list/MainList.tsx
+++ b/components/main-list/MainList.tsx
@@ -1,10 +1,12 @@
 import { memo, useCallback, useEffect, useState, useMemo } from 'react'
+import NextLink from 'next/link'
 import { AnimatePresence } from 'framer-motion'
 import {
   chakra,
   Flex,
   Grid,
   Center,
+  Button,
   Text,
   useDisclosure,
 } from '@chakra-ui/react'
@@ -92,11 +94,14 @@ const MainList = ({ filteredItems, isMobile }) => {
               </AnimatePresence>
             </Grid>
           ) : (
-            <Center mt="2rem">
+            <Center mt="2rem" flexDirection="column" gap="1rem">
               <Text maxW="400px" textAlign="center" color="gray.600">
-                No groups matched your search criteria 🤔 Maybe propose the
-                listing to the maintainers via the Propose new listing button?
+                No listings were found that match your search 🤔 Maybe propose
+                the listing to the maintainers?
               </Text>
+              <Button as={NextLink} href="/new-listing" variant="rw">
+                Propose new listing
+              </Button>
             </Center>
           )}
         </chakra.div>