Implement Pacs Query for oxidicom (#1125)

* feat: Implement pacs query retrieve with oxidicom

* refactor: restore all the functionalities of the series card

* feat: Continue polling from where the user last left off on the page

* refactor: Remove unused imports

* feat: When a user hits 'pull study' and a series is already being retrieved, skip retrieval

package.json

@@ -33,9 +33,9 @@
     "@niivue/niivue": "^0.39.0",
     "@patternfly/react-catalog-view-extension": "^5.0.0",
     "@patternfly/react-charts": "^7.1.2",
-    "@patternfly/react-core": "^5.2.0",
+    "@patternfly/react-core": "^5.2.3",
     "@patternfly/react-log-viewer": "^5.1.0",
-    "@patternfly/react-table": "^5.2.0",
+    "@patternfly/react-table": "^5.2.4",
     "@react-hook/resize-observer": "^1.2.6",
     "@tanstack/react-query": "^5.17.15",
     "antd": "^5.14.1",

src/app.css

@@ -62,29 +62,6 @@
   padding-block-end: 0;
 }
 
-.series-actions {
-  margin: -1em -1em 1em -1em;
-  height: 8em;
-  overflow: hidden;
-  position: relative;
-}
-
-.action-button-container {
-  position: absolute;
-  top: 0;
-  width: 100%;
-  height: 100%;
-  padding: 1em;
-  text-align: center;
-}
-
-.action-button-container[class~="hover"] {
-  opacity: 0;
-  transition: opacity 0.25s ease;
-  &:hover {
-    opacity: 1;
-  }
-}
 
 .small-button {
   width: 20px;

src/components/Icons/index.tsx

@@ -12,6 +12,9 @@ import {
   SearchPlusIcon,
   SearchIcon,
   InfoIcon,
+  DatabaseIcon,
+  QuestionCircleIcon,
+  ThLargeIcon,
 } from "@patternfly/react-icons";
 
 const MergeIcon = () => {
@@ -223,4 +226,7 @@ export {
   InfoIcon,
   RulerIcon,
   BrightnessIcon,
+  DatabaseIcon as LibraryIcon,
+  QuestionCircleIcon,
+  ThLargeIcon,
 };

src/components/LibraryCopy/Browser.tsx

@@ -17,6 +17,10 @@ const Browser = ({ handleFolderClick, folders, files, path }: BrowserProps) => {
       }}
       hasGutter
     >
+      {folders && folders.length > 0 && (
+        <div>Number of Folders: {folders.length}</div>
+      )}
+      {files && files.length > 0 && <div>Number of Files : {files.length}</div>}
       {files &&
         files.length > 0 &&
         files.map((file) => {