From deb6c9c09b5abcb409404712919eef25921ca2b7 Mon Sep 17 00:00:00 2001
From: Philipinho <16838612+Philipinho@users.noreply.github.com>
Date: Tue, 22 Apr 2025 14:23:14 +0100
Subject: [PATCH] open link button

---
 .../src/features/share/components/share-modal.tsx  | 14 ++++++++++++--
 1 file changed, 12 insertions(+), 2 deletions(-)

diff --git a/apps/client/src/features/share/components/share-modal.tsx b/apps/client/src/features/share/components/share-modal.tsx
index c3af10e8..8558416c 100644
--- a/apps/client/src/features/share/components/share-modal.tsx
+++ b/apps/client/src/features/share/components/share-modal.tsx
@@ -10,7 +10,7 @@ import {
   TextInput,
   Tooltip,
 } from "@mantine/core";
-import { IconWorld } from "@tabler/icons-react";
+import { IconExternalLink, IconWorld } from "@tabler/icons-react";
 import React, { useEffect, useState } from "react";
 import {
   useCreateShareMutation,
@@ -173,13 +173,23 @@ export default function ShareModal({ readOnly }: ShareModalProps) {
 
             {pageIsShared && (
               <>
-                <Group my="sm" grow>
+                <Group my="sm" gap={4} wrap="nowrap">
                   <TextInput
                     variant="filled"
                     value={publicLink}
                     readOnly
                     rightSection={<CopyTextButton text={publicLink} />}
+                    style={{ width: "100%" }}
                   />
+                  <ActionIcon
+                    component="a"
+                    variant="default"
+                    target="_blank"
+                    href={publicLink}
+                    size="sm"
+                  >
+                    <IconExternalLink size={16} />
+                  </ActionIcon>
                 </Group>
 
                 <Group justify="space-between" wrap="nowrap" gap="xl">