From 856060f64af47f3a5305325a697f0c295c9d4513 Mon Sep 17 00:00:00 2001
From: Luke Berndt <lukekb@gmail.com>
Date: Sat, 28 Jan 2023 10:45:51 -0500
Subject: [PATCH] international

---
 frontend/src/Call/Calls.js         |  1 -
 frontend/src/System/ListSystems.js | 14 ++++++++++++--
 2 files changed, 12 insertions(+), 3 deletions(-)

diff --git a/frontend/src/Call/Calls.js b/frontend/src/Call/Calls.js
index c51f5a0..e57b5c0 100644
--- a/frontend/src/Call/Calls.js
+++ b/frontend/src/Call/Calls.js
@@ -8,7 +8,6 @@ import { useSelector, useDispatch } from 'react-redux'
 import { setLive, setFilter, setDateFilter } from "../features/callPlayer/callPlayerSlice";
 import { getCalls, addCall, getOlderCalls, getNewerCalls  } from "../features/calls/callsSlice";
 import { useGetGroupsQuery, useGetTalkgroupsQuery } from '../features/api/apiSlice'
-import { useGetSystemsQuery,  } from "../features/api/apiSlice";
 
 import {
   Container,
diff --git a/frontend/src/System/ListSystems.js b/frontend/src/System/ListSystems.js
index f737043..06f4ec9 100644
--- a/frontend/src/System/ListSystems.js
+++ b/frontend/src/System/ListSystems.js
@@ -43,14 +43,23 @@ const ListSystems = (props) => {
     systemsByState.push((<Header as="h2">{state}</Header>))
     systemsByState.push((
       <Card.Group key={state} itemsPerRow={4} stackable={true}>
-        {
+        {states[state]&&
           states[state].map((system) => {
             return <SystemCard system={system} key={system.shortName} onClick={(e) => navigate("/system/" + system.shortName)} />
           })}
       </Card.Group>
     ))
   }
-
+  let international = [];
+  international.push((<Header as="h2">International</Header>))
+  international.push((
+    <Card.Group  itemsPerRow={4} stackable={true}>
+      {other&&
+        other.map((system) => {
+          return <SystemCard system={system} key={system.shortName} onClick={(e) => navigate("/system/" + system.shortName)} />
+        })}
+    </Card.Group>
+  ))
   const navigate = useNavigate();
   return (
     <div>
@@ -58,6 +67,7 @@ const ListSystems = (props) => {
       <Container >
         <Divider horizontal style={{ paddingTop: "5em", paddingBottom: "2em" }}><Header as="h1">Radio Systems<Icon name='rss' /></Header></Divider>
         {systemsByState}
+        {international}
       </Container>
     </div>
   );