@@ -6,16 +6,11 @@ import {
6
6
DropdownMenuItem ,
7
7
DropdownMenuTrigger ,
8
8
} from "components/DropdownMenu/DropdownMenu" ;
9
- import {
10
- EllipsisVertical ,
11
- ExternalLinkIcon ,
12
- HouseIcon ,
13
- RotateCwIcon ,
14
- } from "lucide-react" ;
15
- import { openAppInNewWindow } from "modules/apps/apps" ;
9
+ import { EllipsisVertical , ExternalLinkIcon , HouseIcon } from "lucide-react" ;
16
10
import { useAppLink } from "modules/apps/useAppLink" ;
17
11
import type { Task } from "modules/tasks/tasks" ;
18
12
import { type FC , useRef } from "react" ;
13
+ import { Link as RouterLink } from "react-router-dom" ;
19
14
import { cn } from "utils/cn" ;
20
15
21
16
type TaskAppIFrameProps = {
@@ -64,20 +59,6 @@ export const TaskAppIFrame: FC<TaskAppIFrameProps> = ({
64
59
return (
65
60
< div className = { cn ( [ active ?"flex" :"hidden" , "w-full h-full flex-col" ] ) } >
66
61
< div className = "bg-surface-tertiary flex items-center p-2 py-1 gap-1" >
67
- < Button
68
- size = "icon"
69
- variant = "subtle"
70
- onClick = { ( e ) => {
71
- e . preventDefault ( ) ;
72
- if ( frameRef . current ?. contentWindow ) {
73
- frameRef . current . contentWindow . location . reload ( ) ;
74
- }
75
- } }
76
- >
77
- < RotateCwIcon />
78
- < span className = "sr-only" > Refresh</ span >
79
- </ Button >
80
-
81
62
< Button
82
63
size = "icon"
83
64
variant = "subtle"
@@ -104,13 +85,11 @@ export const TaskAppIFrame: FC<TaskAppIFrameProps> = ({
104
85
</ Button >
105
86
</ DropdownMenuTrigger >
106
87
< DropdownMenuContent align = "end" >
107
- < DropdownMenuItem
108
- onClick = { ( ) => {
109
- openAppInNewWindow ( frameSrc ) ;
110
- } }
111
- >
112
- < ExternalLinkIcon />
113
- Open app in new tab
88
+ < DropdownMenuItem asChild >
89
+ < RouterLink to = { frameSrc } target = "_blank" >
90
+ < ExternalLinkIcon />
91
+ Open app in new tab
92
+ </ RouterLink >
114
93
</ DropdownMenuItem >
115
94
</ DropdownMenuContent >
116
95
</ DropdownMenu >