add 'show all versions' options to gateways list

explorer/src/components/Gateways/VersionDisplaySelector.tsx

@@ -5,6 +5,7 @@ import { useIsMobile } from '../../hooks/useIsMobile';
 export enum VersionSelectOptions {
   latestVersion = 'Latest versions',
   olderVersions = 'Older versions',
+  all = 'All',
 }
 export const VersionDisplaySelector = ({
   selected,
@@ -32,6 +33,9 @@ export const VersionDisplaySelector = ({
         <MenuItem value={VersionSelectOptions.olderVersions} data-testid="show-gateway-old-versions">
           {VersionSelectOptions.olderVersions}
         </MenuItem>
+        <MenuItem value={VersionSelectOptions.all} data-testid="show-gateway-all-versions">
+          {VersionSelectOptions.all}
+        </MenuItem>
       </Select>
     </FormControl>
   );

explorer/src/pages/Gateways/index.tsx

@@ -61,10 +61,18 @@ export const PageGateways: FCWithChildren = () => {
     return [];
   }, [gateways]);
 
-  const filteredByVersion = React.useMemo(
-    () => (versionFilter === VersionSelectOptions.latestVersion ? filterByLatestVersions : filterByOlderVersions),
-    [versionFilter, gateways],
-  );
+  const filteredByVersion = React.useMemo(() => {
+    switch (versionFilter) {
+      case VersionSelectOptions.latestVersion:
+        return filterByLatestVersions;
+      case VersionSelectOptions.olderVersions:
+        return filterByOlderVersions;
+      case VersionSelectOptions.all:
+        return gateways?.data || [];
+      default:
+        return [];
+    }
+  }, [versionFilter, gateways]);
 
   React.useEffect(() => {
     if (searchTerm === '') {