From bdf61fa35fa1ce96fa2cd1d4b38285cd3155d3c5 Mon Sep 17 00:00:00 2001
From: Sourav Ghosh <37548139+souravghosh01@users.noreply.github.com>
Date: Mon, 29 May 2023 21:29:31 +0530
Subject: [PATCH] =?UTF-8?q?=E2=9C=A8=20Bookmarks=20-=20Open=20in=20new=20T?=
 =?UTF-8?q?ab=20(#983)?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/widgets/bookmark/BookmarkWidgetTile.tsx | 12 +++++++++++-
 1 file changed, 11 insertions(+), 1 deletion(-)

diff --git a/src/widgets/bookmark/BookmarkWidgetTile.tsx b/src/widgets/bookmark/BookmarkWidgetTile.tsx
index c0da29cd1..224624116 100644
--- a/src/widgets/bookmark/BookmarkWidgetTile.tsx
+++ b/src/widgets/bookmark/BookmarkWidgetTile.tsx
@@ -12,6 +12,7 @@ import {
   TextInput,
   Title,
   createStyles,
+  Switch,
 } from '@mantine/core';
 import { useForm } from '@mantine/form';
 import {
@@ -36,6 +37,7 @@ interface BookmarkItem {
   name: string;
   href: string;
   iconUrl: string;
+  openNewTab: boolean;
 }
 
 const definition = defineWidget({
@@ -54,6 +56,7 @@ const definition = defineWidget({
           name: 'Homarr Documentation',
           href: 'https://homarr.dev',
           iconUrl: '/imgs/logo/logo.png',
+          openNewTab: false,
         };
       },
       itemComponent({ data, onChange, delete: deleteData }) {
@@ -96,7 +99,7 @@ const definition = defineWidget({
             return;
           }
 
-          onChange(form.values);
+          onChange({ ...form.values, openNewTab: form.values.openNewTab });
         }, [form.values]);
 
         return (
@@ -121,6 +124,11 @@ const definition = defineWidget({
                   form.setFieldValue('iconUrl', value ?? '');
                 }}
               />
+              <Switch
+                {...form.getInputProps('openNewTab')}
+                label="Open in new tab"
+                checked={form.values.openNewTab}
+              />
               <Button
                 onClick={() => deleteData()}
                 leftIcon={<IconTrash size="1rem" />}
@@ -205,6 +213,7 @@ function BookmarkWidgetTile({ widget }: BookmarkWidgetTileProps) {
               px="xl"
               component="a"
               href={item.href}
+              target={item.openNewTab ? '_blank' : undefined}
               withBorder
             >
               <BookmarkItemContent item={item} />
@@ -232,6 +241,7 @@ function BookmarkWidgetTile({ widget }: BookmarkWidgetTileProps) {
                 px="xl"
                 component="a"
                 href={item.href}
+                target={item.openNewTab ? '_blank' : undefined}
                 withBorder
               >
                 <BookmarkItemContent item={item} />