fix build issue

markdavella · Mar 7, 2024 · 6e2e95f · 6e2e95f
1 parent 3aca587
commit 6e2e95f
Showing 1 changed file with 31 additions and 28 deletions.
diff --git 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' })}
+          />
+        </>
+      )}
     </>
   );
 }