ui changes

PrinceBaghel258025 · Sep 26, 2024 · 27f36d0 · 27f36d0
1 parent 3d9bc2d
commit 27f36d0
Showing 1 changed file with 6 additions and 10 deletions.
diff --git 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>