Adding functional IVANS widget with dialog popup view of summary and pdfs

client/src/components/Widgets/IvansAlerts.jsx

@@ -203,19 +203,22 @@ function SummaryDialog({ open, onOpenChange, item }) {
             <br />
             {item?.files?.map((file, index) => {
               return (
-                <object data={`${file?.url}#view=FitH&toolbar=1`}
+                <>
-                        type="application/pdf"
+                  <object data={`${file?.url}#view=FitH&toolbar=1`}
-                        style={{ width: '100%', height: '100%', display: 'block' }}
+                          type="application/pdf"
-                >
+                          style={{ width: '100%', height: '100%', display: 'block' }}
-                  <Flex w="100%" h="100%" color="gray.400" p={4}>
+                  >
-                    <Text mb={2} color="fg.muted">
+                    <Flex w="100%" h="100%" color="gray.400" p={4}>
-                      Your browser cannot display this PDF directly.
+                      <Text mb={2} color="fg.muted">
-                    </Text>
+                        Your browser cannot display this PDF directly.
-                    <a href={file?.url} target="_blank">
+                      </Text>
-                      Download PDF
+                      <a href={file?.url} target="_blank">
-                    </a>
+                        Download PDF
-                  </Flex>
+                      </a>
-                </object>
+                    </Flex>
+                  </object>
+                  <br />
+                </>
               )})}
           </Dialog.Body>
 

client/src/constants/widgetRegistry.jsx

@@ -55,7 +55,6 @@ export const WIDGET_REGISTRY = {
             medium: { w: 3, h: 9 },
             large: { w: 3, h: 12 },
             gargantuan: { w: 6, h: 12 },
-
         }
     },