fix: source list being cut off bug

Eyevinn · Oct 24, 2024 · 668ac06 · 668ac06
1 parent d81fa00
commit 668ac06
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 8 deletions.
diff --git a/src/app/production/[id]/page.tsx b/src/app/production/[id]/page.tsx
@@ -67,7 +67,6 @@ import { useDeleteHtmlSource } from '../../../hooks/renderingEngine/useDeleteHtm
 import { useDeleteMediaSource } from '../../../hooks/renderingEngine/useDeleteMediaSource';
 import { useCreateHtmlSource } from '../../../hooks/renderingEngine/useCreateHtmlSource';
 import { useCreateMediaSource } from '../../../hooks/renderingEngine/useCreateMediaSource';
-import { useRenderingEngine } from '../../../hooks/renderingEngine/useRenderingEngine';
 
 export default function ProductionConfiguration({ params }: PageProps) {
   const t = useTranslate();
@@ -143,7 +142,6 @@ export default function ProductionConfiguration({ params }: PageProps) {
   const [deleteMediaSource, deleteMediaLoading] = useDeleteMediaSource();
   const [createHtmlSource, createHtmlLoading] = useCreateHtmlSource();
   const [createMediaSource, createMediaLoading] = useCreateMediaSource();
-  const [getRenderingEngine, renderingEngineLoading] = useRenderingEngine();
 
   const { locked } = useContext(GlobalContext);
 
@@ -823,7 +821,6 @@ export default function ProductionConfiguration({ params }: PageProps) {
           const pipelineId =
             productionSetup.production_settings.pipelines[i].pipeline_id;
           if (pipelineId) {
-            const renderingEngine = getRenderingEngine(pipelineId);
             if (selectedSourceRef.type === 'html') {
               await deleteHtmlSource(
                 pipelineId,
@@ -936,10 +933,12 @@ export default function ProductionConfiguration({ params }: PageProps) {
           />
         </div>
       </HeaderNavigation>
-      <div className="flex h-[95%] flex-row">
+      <div className="flex h-[95%] flex-row space-x-20">
         <div
-          className={`overflow-hidden transition-[min-width] w-0 min-w-0 ${
-            inventoryVisible ? 'min-w-[35%] ml-2 mt-2 max-h-[89vh]' : ''
+          className={`transition-[min-width] flex-shrink-0 ${
+            inventoryVisible
+              ? 'w-[35%] ml-2 mt-2 max-h-[89vh]'
+              : 'overflow-hidden'
           }`}
         >
           <SourceList

diff --git a/src/components/sourceList/SourceList.tsx b/src/components/sourceList/SourceList.tsx
@@ -57,7 +57,7 @@ const SourceList: React.FC<SourceListProps> = (props) => {
         <div
           className={
             inventoryVisible
-              ? `${styles.no_scrollbar}  min-w-fit overflow-hidden max-w-2xl transition-[width] ml-2 mt-2 w-[50%]`
+              ? `${styles.no_scrollbar} min-w-fit overflow-hidden max-w-2xl transition-[width] ml-2 mt-2 w-[50%]`
               : 'hidden'
           }
         >
@@ -78,7 +78,7 @@ const SourceList: React.FC<SourceListProps> = (props) => {
               )}
             </div>
             <ul
-              className={`flex flex-col border-t border-gray-600 overflow-scroll h-full ${styles.no_scrollbar}`}
+              className={`flex flex-col border-t border-gray-600 overflow-y-auto h-[calc(100vh-14rem)] ${styles.no_scrollbar}`}
             >
               {getSourcesToDisplay(filteredSources)}
             </ul>