From 5c01cab4540c9f4994c4f5295d53e755eea1b282 Mon Sep 17 00:00:00 2001
From: Amit Raikwar <raikwar.amit.git@gmail.com>
Date: Mon, 15 Jun 2026 14:58:27 +0530
Subject: [PATCH 1/2] feat(AR-21): remove navigation bars from add article
 screen

- Conditionally render NavigationBar and SocialNavigation based on route pathname
- Hide both navigation bars on the add_article29 screen to ensure cleaner workspace
- Ensure normal navigation bars remain visible on all other pages
---
 src/screens/host/Host.tsx | 9 ++++++---
 1 file changed, 6 insertions(+), 3 deletions(-)

diff --git a/src/screens/host/Host.tsx b/src/screens/host/Host.tsx
index afa5c16..0a9b35f 100644
--- a/src/screens/host/Host.tsx
+++ b/src/screens/host/Host.tsx
@@ -1,12 +1,15 @@
 import { Box } from '@chakra-ui/react';
 import { Footer, NavigationBar, SocialNavigation } from '@screens/common';
-import { Outlet } from 'react-router-dom';
+import { Outlet, useLocation } from 'react-router-dom';
 
 const Host = () => {
+  const { pathname } = useLocation();
+  const isAddArticle = pathname.includes('add_article29');
+
   return (
     <Box width={'100vw'} height={'100%'}>
-      <NavigationBar />
-      <SocialNavigation />
+      {!isAddArticle && <NavigationBar />}
+      {!isAddArticle && <SocialNavigation />}
       <Outlet />
       <Footer />
     </Box>

From e1bc0fe204c519cad2fed45521d1bf0877bbb724 Mon Sep 17 00:00:00 2001
From: Amit Raikwar <raikwar.amit.git@gmail.com>
Date: Mon, 15 Jun 2026 15:01:02 +0530
Subject: [PATCH 2/2] fix(AR-20): fix AnimatePresence typescript element
 compilation error

- Cast AnimatePresence as any (SafeAnimatePresence) to avoid TS2786 build error
- Address typing conflicts between React JSX definitions and framer-motion
---
 src/components/WebsiteLoader/WebsiteLoader.tsx | 6 ++++--
 1 file changed, 4 insertions(+), 2 deletions(-)

diff --git a/src/components/WebsiteLoader/WebsiteLoader.tsx b/src/components/WebsiteLoader/WebsiteLoader.tsx
index 3dbf5fc..a3ff70f 100644
--- a/src/components/WebsiteLoader/WebsiteLoader.tsx
+++ b/src/components/WebsiteLoader/WebsiteLoader.tsx
@@ -2,6 +2,8 @@ import React, { useEffect, useRef, useState } from 'react';
 import { AnimatePresence, motion } from 'framer-motion';
 import { useTranslation } from 'react-i18next';
 
+const SafeAnimatePresence = AnimatePresence as any;
+
 interface WebsiteLoaderProps {
   onComplete?: () => void;
 }
@@ -426,7 +428,7 @@ export const WebsiteLoader = ({ onComplete }: WebsiteLoaderProps) => {
 
         {/* Dynamic cycling subtitle */}
         <div className="h-6 flex items-center justify-center">
-          <AnimatePresence mode="wait">
+          <SafeAnimatePresence mode="wait">
             <motion.div
               key={currentSubtitle}
               initial={{ opacity: 0, y: 5 }}
@@ -437,7 +439,7 @@ export const WebsiteLoader = ({ onComplete }: WebsiteLoaderProps) => {
             >
               {currentSubtitle}
             </motion.div>
-          </AnimatePresence>
+          </SafeAnimatePresence>
         </div>
       </div>