From 6e2e95f15e6176dfcf462670e6e70cbf0b1bf95a Mon Sep 17 00:00:00 2001
From: Mark D'Avella <markdavella@gmail.com>
Date: Thu, 7 Mar 2024 11:59:07 -0500
Subject: [PATCH] fix build issue

---
 .../channel_config/ProgrammingSelector.tsx    | 59 ++++++++++---------
 1 file changed, 31 insertions(+), 28 deletions(-)

diff --git a/web/src/components/channel_config/ProgrammingSelector.tsx b/web/src/components/channel_config/ProgrammingSelector.tsx
index d3415702..aebbfddf 100644
--- a/web/src/components/channel_config/ProgrammingSelector.tsx
+++ b/web/src/components/channel_config/ProgrammingSelector.tsx
@@ -386,36 +386,39 @@ export default function ProgrammingSelector() {
                 </Button>
               </ButtonGroup>
             </Stack>
-
-            <LinearProgress
-              sx={{ visibility: searchLoading ? 'visible' : 'hidden' }}
-            />
-            <List
-              component="nav"
-              sx={{
-                mt: 2,
-                width: '100%',
-                maxHeight: 1200,
-                overflowY: 'scroll',
-                display: viewType === 'grid' ? 'flex' : 'block',
-                flexWrap: 'wrap',
-                gap: '10px',
-                justifyContent: 'space-between',
-              }}
-            >
-              renderListItems()
-              <div style={{ height: 40 }} ref={ref}></div>
-            </List>
-
-            <Divider sx={{ mt: 3, mb: 2 }} />
-            <Typography>Selected Items</Typography>
-            <SelectedProgrammingList />
-            <AddSelectedMediaButton
-              onAdd={addPlexMediaToCurrentChannel}
-              onSuccess={() => navigate('..', { relative: 'path' })}
-            />
           </>
         )}
+      {selectedServer && (
+        <>
+          <LinearProgress
+            sx={{ visibility: searchLoading ? 'visible' : 'hidden' }}
+          />
+          <List
+            component="nav"
+            sx={{
+              mt: 2,
+              width: '100%',
+              maxHeight: 1200,
+              overflowY: 'scroll',
+              display: viewType === 'grid' ? 'flex' : 'block',
+              flexWrap: 'wrap',
+              gap: '10px',
+              justifyContent: 'space-between',
+            }}
+          >
+            renderListItems()
+            <div style={{ height: 40 }} ref={ref}></div>
+          </List>
+
+          <Divider sx={{ mt: 3, mb: 2 }} />
+          <Typography>Selected Items</Typography>
+          <SelectedProgrammingList />
+          <AddSelectedMediaButton
+            onAdd={addPlexMediaToCurrentChannel}
+            onSuccess={() => navigate('..', { relative: 'path' })}
+          />
+        </>
+      )}
     </>
   );
 }