From 091123d84c16a00ff5d6b4de7b086939eeaf46d2 Mon Sep 17 00:00:00 2001
From: shiva <shiva_05@outlook.com>
Date: Tue, 29 Apr 2025 19:45:49 +0530
Subject: [PATCH] feat:added react.memo()

Signed-off-by: shiva <shiva_05@outlook.com>
---
 src/components/Content.tsx            | 2 +-
 src/components/Navbar.tsx             | 4 ++--
 src/components/ResizableContainer.tsx | 4 ++--
 src/components/SampleDropdown.tsx     | 4 ++--
 src/components/Sidebar.tsx            | 2 +-
 5 files changed, 8 insertions(+), 8 deletions(-)

diff --git a/src/components/Content.tsx b/src/components/Content.tsx
index aac6b314..7a05eb94 100644
--- a/src/components/Content.tsx
+++ b/src/components/Content.tsx
@@ -136,4 +136,4 @@ const LearnContent: React.FC<LearnContentProps> = ({ file }) => {
   );
 };
 
-export default LearnContent;
\ No newline at end of file
+export default React.memo(LearnContent);
\ No newline at end of file
diff --git a/src/components/Navbar.tsx b/src/components/Navbar.tsx
index 35fe9fef..3c36e7eb 100644
--- a/src/components/Navbar.tsx
+++ b/src/components/Navbar.tsx
@@ -1,4 +1,4 @@
-import { useState } from "react";
+import React, { useState } from "react";
 import { Menu, Dropdown, Button, Image, Grid } from "antd";
 import { useSpring, animated } from "react-spring";
 import { useLocation, Link } from "react-router-dom";
@@ -325,4 +325,4 @@ function Navbar({ scrollToFooter }: NavbarProps) {
   );
 }
 
-export default Navbar;
+export default React.memo(Navbar);
diff --git a/src/components/ResizableContainer.tsx b/src/components/ResizableContainer.tsx
index 0409ace0..fedd0293 100644
--- a/src/components/ResizableContainer.tsx
+++ b/src/components/ResizableContainer.tsx
@@ -1,4 +1,4 @@
-import { useEffect, useRef, useState } from 'react';
+import React, { useEffect, useRef, useState } from 'react';
 import useAppStore from '../store/store';
 
 interface ResizableContainerProps {
@@ -116,4 +116,4 @@ const ResizableContainer: React.FC<ResizableContainerProps> = ({
   );
 };
 
-export default ResizableContainer;
\ No newline at end of file
+export default React.memo(ResizableContainer);
\ No newline at end of file
diff --git a/src/components/SampleDropdown.tsx b/src/components/SampleDropdown.tsx
index 070aabe8..3bcc3d7b 100644
--- a/src/components/SampleDropdown.tsx
+++ b/src/components/SampleDropdown.tsx
@@ -1,6 +1,6 @@
 import { Button, Dropdown, Space, message, MenuProps } from "antd";
 import { DownOutlined } from "@ant-design/icons";
-import { useCallback, useMemo, useState } from "react";
+import React, { useCallback, useMemo, useState } from "react";
 import useAppStore from "../store/store";
 import { shallow } from "zustand/shallow";
 import { useStoreWithEqualityFn } from "zustand/traditional";
@@ -62,4 +62,4 @@ function SampleDropdown({
   );
 }
 
-export default SampleDropdown;
+export default React.memo(SampleDropdown);
diff --git a/src/components/Sidebar.tsx b/src/components/Sidebar.tsx
index 70122f2e..b0a78a1f 100644
--- a/src/components/Sidebar.tsx
+++ b/src/components/Sidebar.tsx
@@ -50,4 +50,4 @@ const Sidebar: React.FC<SidebarProps> = ({ steps }) => {
   );
 };
 
-export default Sidebar;
\ No newline at end of file
+export default React.memo(Sidebar);
\ No newline at end of file