Close Destino Devconnect Support

netlify.toml

@@ -278,3 +278,11 @@
   from = "/data-challenge-4844/apply/"
   to = "/data-challenge-4844/"
   force = true
+[[redirects]]
+  from = "/devcon-grants/apply/"
+  to = "/devcon-grants/"
+  force = true
+[[redirects]]
+  from = "/devcon-grants/thank-you/"
+  to = "/devcon-grants/"
+  force = true

src/components/UI/common/BannerApplicationClosed.tsx

@@ -9,9 +9,10 @@ interface Props extends ChakraProps {
   children?: React.ReactNode;
   title?: React.ReactNode;
   description?: React.ReactNode;
+  hideDescription?: boolean;
 }
 
-export const BannerApplicationClosed: FC<Props> = ({ children, title, description, ...props }) => {
+export const BannerApplicationClosed: FC<Props> = ({ children, title, description, hideDescription, ...props }) => {
   return (
     <Banner
       bgGradient='linear(to-br, brand.closedBanner.bgGradient.start 10%, brand.closedBanner.bgGradient.end 100%)'
@@ -20,14 +21,15 @@ export const BannerApplicationClosed: FC<Props> = ({ children, title, descriptio
       borderRadius='xl'
       flexDirection='column'
       textAlign='center'
+      gap={2}
       {...props}
     >
-      <Heading fontSize='h4' fontWeight={700} mb={2}>
+      <Heading fontSize='h4' fontWeight={700}>
         {title || 'Applications for this grant wave are closed.'}
       </Heading>
 
       <Text fontSize='paragraph' fontWeight={300}>
-        {description || (
+        {!hideDescription && (description || (
           <>
             If you&apos;re still interested in pursuing grants for a project, you can still go
             through our{' '}
@@ -41,7 +43,7 @@ export const BannerApplicationClosed: FC<Props> = ({ children, title, descriptio
             </Link>
             .
           </>
-        )}
+        ))}
       </Text>
 
       {children}

src/pages/_app.tsx

@@ -43,7 +43,7 @@ function MyApp({ Component, pageProps }: AppProps) {
       </Head>
 
       <ChakraProvider theme={theme}>
-        <Banners />
+        {/* <Banners /> */}
 
         <Layout
           position='relative'

src/pages/devcon-grants/index.tsx

@@ -10,7 +10,8 @@ import {
   PageText,
   PageMetadata,
   OrderedList,
-  ReadyToApply
+  ReadyToApply,
+  BannerApplicationClosed
 } from '../../components/UI';
 
 import {
@@ -29,7 +30,6 @@ const DevconGrants: NextPage = () => {
   const [ref4, inView4] = useInView({ threshold: 0.5, initialInView: false });
   const [ref5, inView5] = useInView({ threshold: 0.3, initialInView: false });
   const [ref6, inView6] = useInView({ threshold: 0.5, initialInView: false });
-  const [ref7, inView7] = useInView({ threshold: 0.5, initialInView: false });
   return (
     <>
       <PageMetadata
@@ -50,11 +50,12 @@ const DevconGrants: NextPage = () => {
                 inView4,
                 inView5,
                 inView6,
-                inView7,
               ]}
             />
 
             <Box w={{ lg: '70%' }} px={{ md: 20 }} pr={{ lg: 12 }}>
+              <BannerApplicationClosed mb={12} title="Applications for Destino Devconnect Support are closed." hideDescription />
+
               <Stack mb={8} mt={{ base: 10, md: 0 }}>
                 <section id='description' ref={ref}>
                   <PageSubheading mb={8}>What is Destino Devconnect Support?</PageSubheading>
@@ -187,12 +188,6 @@ const DevconGrants: NextPage = () => {
                     .
                   </PageText>
                 </section>
-
-                <section id='apply' ref={ref7}>
-                  <Stack mt={6}>
-                    <ReadyToApply link={`${DEVCON_GRANTS_APPLY_URL}`} />
-                  </Stack>
-                </section>
               </Stack>
             </Box>
           </Flex>