From f2637c746977695567c82a425922d92de3e45085 Mon Sep 17 00:00:00 2001
From: vkuchenik <vkuchenik@contractor.usgs.gov>
Date: Tue, 18 Aug 2026 14:50:37 -0700
Subject: [PATCH] add open pdf button in ivans widget

---
 client/src/components/Widgets/IvansAlerts.jsx | 14 +++++++++++++-
 1 file changed, 13 insertions(+), 1 deletion(-)

diff --git a/client/src/components/Widgets/IvansAlerts.jsx b/client/src/components/Widgets/IvansAlerts.jsx
index b6982a5..e68d909 100644
--- a/client/src/components/Widgets/IvansAlerts.jsx
+++ b/client/src/components/Widgets/IvansAlerts.jsx
@@ -183,8 +183,13 @@ export default function IvansAlerts({ settings, widgetID }) {
                         return (
                           <Box w="100%" h="100%" key={index} p={1}>
                             <br />
-                            <Flex mb={2}>
+                            <Flex mb={2} justify="space-between">
                               <Text pl={1} pr={1} bg="gray.600/50" borderRadius="md" fontSize="xs" color="gray.300">{file?.name}</Text>
+                              <Box borderRadius="lg" bg="gray.700" color="gray.300" pl={1} pr={1} fontSize={13} asChild>
+                                <a href={`${file?.url}#view=FitV&toolbar=1`} target="_blank" rel="noopener noreferrer">
+                                  Open
+                                </a>
+                              </Box>
                             </Flex>
                             <object
                               data={`${file?.url}#view=FitH&toolbar=1`}
@@ -200,6 +205,13 @@ export default function IvansAlerts({ settings, widgetID }) {
                                 </a>
                               </Flex>
                             </object>
+                            {/*<Flex w="100%" h="100%" justify="center" pt={4} color="gray.400">*/}
+                            {/*  <Button variant="subtle" asChild>*/}
+                            {/*    <a href={`${file?.url}#view=FitV&toolbar=1`} target="_blank" rel="noopener noreferrer">*/}
+                            {/*      View in New Page*/}
+                            {/*    </a>*/}
+                            {/*  </Button>*/}
+                            {/*</Flex>*/}
                           </Box>
                         )})}
                     </Box>