From 13e7e841e784979f0b397a887d637c9f678233ee Mon Sep 17 00:00:00 2001
From: Kushagra Gour <chinchang457@gmail.com>
Date: Wed, 28 Feb 2024 10:03:24 +0530
Subject: [PATCH] add visibility toggle btn

---
 src/components/ItemTile.jsx      | 10 ++++++++++
 src/components/SavedItemPane.jsx |  3 +++
 2 files changed, 13 insertions(+)

diff --git a/src/components/ItemTile.jsx b/src/components/ItemTile.jsx
index e569c25..abcd55b 100644
--- a/src/components/ItemTile.jsx
+++ b/src/components/ItemTile.jsx
@@ -7,6 +7,7 @@ export function ItemTile({
 	onClick,
 	onForkBtnClick,
 	onRemoveBtnClick,
+	onToggleVisibilityBtnClick,
 	focusable,
 	inline
 }) {
@@ -21,6 +22,15 @@ export function ItemTile({
 			onClick={onClick}
 		>
 			<div class="saved-item-tile__btns">
+				{onToggleVisibilityBtnClick ? (
+					<button
+						class="js-saved-item-tile__fork-btn  saved-item-tile__btn hint--left hint--medium"
+						aria-label="Creates a duplicate of this creation (Ctrl/⌘ + F)"
+						onClick={onToggleVisibilityBtnClick}
+					>
+						Toggle Visibility
+					</button>
+				) : null}
 				{onForkBtnClick ? (
 					<button
 						class="js-saved-item-tile__fork-btn  saved-item-tile__btn hint--left hint--medium"
diff --git a/src/components/SavedItemPane.jsx b/src/components/SavedItemPane.jsx
index 519102c..ce1968f 100644
--- a/src/components/SavedItemPane.jsx
+++ b/src/components/SavedItemPane.jsx
@@ -226,6 +226,9 @@ export default function SavedItemPane({
 								onClick={() => itemClickHandler(item)}
 								onForkBtnClick={e => itemForkBtnClickHandler(item, e)}
 								onRemoveBtnClick={e => itemRemoveBtnClickHandler(item, e)}
+								onToggleVisibilityBtnClick={e =>
+									itemVisibilityToggleHandler(item, e)
+								}
 							/>
 						))}
 						{!items.length ? (