ReFactor

Ali-Raza764 · Apr 16, 2024 · 4f42397 · 4f42397
1 parent 62d033c
commit 4f42397
Show file tree

Hide file tree

Showing 4 changed files with 9 additions and 4 deletions.
diff --git a/app/(root)/about/page.jsx b/app/(root)/about/page.jsx
@@ -34,6 +34,7 @@ const About = () => {
  "h-[12rem] w-[25%] border border-gray-400 rounded-md p-3 " +
  item.style
  }
+ key={item.stat}
  >
  <div className="flex flex-col items-center gap-4">
  <div className="icon p-2 rounded-full bg-gray-400">

diff --git a/components/feed/CategorySideBar/index.jsx b/components/feed/CategorySideBar/index.jsx
@@ -28,7 +28,11 @@ const CategorySideBar = ({ children }) => {
  <div className="flex items-center w-full py-4">
  <div className="w-1/5 border-r border-gray-500 hidden md:flex flex-col md:py-8 gap-y-2">
  {categories.map((category) => (
- <CategoryItem name={category.name} link={category.link} />
+ <CategoryItem
+ name={category.name}
+ link={category.link}
+ key={categories.name}
+ />
  ))}
  </div>
  <div className="w-full flex items-center justify-center">{children}</div>

diff --git a/components/feed/ItemsCarousel/index.jsx b/components/feed/ItemsCarousel/index.jsx
@@ -1,6 +1,6 @@
 import Carousel from "./Carousel";
 
-const index = ({ children, title, text  }) => {
+const index = ({ children, title, text }) => {
  return (
  <div className="w-full h-max flex flex-col gap-y-3 relative">
  <div className="title text-red-500 font-bold text-xl flex items-center gap-x-3">
@@ -11,7 +11,7 @@ const index = ({ children, title, text }) => {
  <h2 className="text-3xl md:text-4xl font-bold">{text}</h2>
  </div>
 
- <Carousel children={children} />
+ <Carousel>{children}</Carousel>
  </div>
  );
 };

diff --git a/components/feed/OurSpeciality/index.jsx b/components/feed/OurSpeciality/index.jsx
@@ -6,7 +6,7 @@ const OurSpeciality = () => {
  <div className="services flex flex-col md:flex-row items-center justify-center w-full md:px-12 px-3 my-8">
  {servicesData.map((item) => {
  return (
- <div className="md:h-[12rem] w-full md:w-[30%] rounded-md p-3 flex items-center flex-col justify-center text-center gap-3">
+ <div className="md:h-[12rem] w-full md:w-[30%] rounded-md p-3 flex items-center flex-col justify-center text-center gap-3" key={item.title}>
  <div className="icon p-2 rounded-full bg-gray-400 w-max">
  <div className="p-2 rounded-full bg-black">
  <item.icon size={35} className="text-white bg-transparent" />