From 2a8d7b0ebe65397ef0df32ba2db2333ae66c4d20 Mon Sep 17 00:00:00 2001
From: Elio Struyf <elio@struyfconsulting.be>
Date: Fri, 1 Mar 2024 08:40:05 +0100
Subject: [PATCH] #671 - Implement checkbox on media card

---
 src/dashboardWebView/components/Media/Item.tsx | 9 +++++++++
 1 file changed, 9 insertions(+)

diff --git a/src/dashboardWebView/components/Media/Item.tsx b/src/dashboardWebView/components/Media/Item.tsx
index c0dcb921..38a10b7c 100644
--- a/src/dashboardWebView/components/Media/Item.tsx
+++ b/src/dashboardWebView/components/Media/Item.tsx
@@ -30,6 +30,7 @@ import { LocalizationKey } from '../../../localization';
 import { ItemMenu } from './ItemMenu';
 import { getRelPath } from '../../utils';
 import { Snippet } from '../../../models';
+import { VSCodeCheckbox } from '@vscode/webview-ui-toolkit/react';
 
 export interface IItemProps {
   media: MediaInfo;
@@ -349,6 +350,14 @@ export const Item: React.FunctionComponent<IItemProps> = ({
           >
             {renderMedia}
           </div>
+
+          <div className='hidden group-hover:block absolute top-2 left-2 white'>
+            <VSCodeCheckbox
+              onClick={(e: any) => {
+                e.stopPropagation();
+              }} />
+          </div>
+
           {hasViewData && (
             <div
               className={`hidden group-hover/button:flex absolute top-0 right-0 bottom-0 left-0 items-center justify-center bg-black bg-opacity-70`}