1
0
mirror of https://github.com/chinchang/web-maker.git synced 2025-07-29 09:40:10 +02:00

add visibility toggle btn

This commit is contained in:
Kushagra Gour
2024-02-28 10:03:24 +05:30
parent 820bcd41cd
commit 13e7e841e7
2 changed files with 13 additions and 0 deletions

View File

@@ -7,6 +7,7 @@ export function ItemTile({
onClick, onClick,
onForkBtnClick, onForkBtnClick,
onRemoveBtnClick, onRemoveBtnClick,
onToggleVisibilityBtnClick,
focusable, focusable,
inline inline
}) { }) {
@@ -21,6 +22,15 @@ export function ItemTile({
onClick={onClick} onClick={onClick}
> >
<div class="saved-item-tile__btns"> <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 ? ( {onForkBtnClick ? (
<button <button
class="js-saved-item-tile__fork-btn saved-item-tile__btn hint--left hint--medium" class="js-saved-item-tile__fork-btn saved-item-tile__btn hint--left hint--medium"

View File

@@ -226,6 +226,9 @@ export default function SavedItemPane({
onClick={() => itemClickHandler(item)} onClick={() => itemClickHandler(item)}
onForkBtnClick={e => itemForkBtnClickHandler(item, e)} onForkBtnClick={e => itemForkBtnClickHandler(item, e)}
onRemoveBtnClick={e => itemRemoveBtnClickHandler(item, e)} onRemoveBtnClick={e => itemRemoveBtnClickHandler(item, e)}
onToggleVisibilityBtnClick={e =>
itemVisibilityToggleHandler(item, e)
}
/> />
))} ))}
{!items.length ? ( {!items.length ? (