From 27f36d071a5cffb7ae7b8e5aab8fc5f62555ea34 Mon Sep 17 00:00:00 2001
From: pratikAgspert <pratik@agspert.com>
Date: Thu, 26 Sep 2024 18:11:48 +0530
Subject: [PATCH] ui changes

---
 src/components/top-level/AddContentButton.jsx | 16 ++++++----------
 1 file changed, 6 insertions(+), 10 deletions(-)

diff --git a/src/components/top-level/AddContentButton.jsx b/src/components/top-level/AddContentButton.jsx
index 86f760e..ddfc145 100644
--- a/src/components/top-level/AddContentButton.jsx
+++ b/src/components/top-level/AddContentButton.jsx
@@ -10,10 +10,6 @@ import {
 import { AddIcon } from "@chakra-ui/icons";
 
 const AddContentButton = ({ onAdd, contents }) => {
-  const includes360 = contents?.some(
-    (con) => con?.type === "360_image" || con?.type === "360_video"
-  );
-
   return (
     <Menu>
       <MenuButton
@@ -25,12 +21,12 @@ const AddContentButton = ({ onAdd, contents }) => {
         isRound
       />
       <MenuList>
-        {!includes360 && (
-          <>
-            <MenuItem onClick={() => onAdd("360_image")}>360° Image</MenuItem>
-            <MenuItem onClick={() => onAdd("360_video")}>360° Video</MenuItem>
-          </>
-        )}
+        <MenuItem onClick={() => onAdd("360_image")} gap={2}>
+          360° Image<Tag borderRadius={10}>Carousel</Tag>
+        </MenuItem>
+        <MenuItem onClick={() => onAdd("360_video")} gap={2}>
+          360° Video<Tag borderRadius={10}>Carousel</Tag>
+        </MenuItem>
         <MenuItem onClick={() => onAdd("banner")} gap={2}>
           Banner <Tag borderRadius={10}>Sheet</Tag>
         </MenuItem>