From 735a92a6673c2ca8f6554dc37382e523fa16ce94 Mon Sep 17 00:00:00 2001
From: Harshith Mohan <gharshitmohan@ymail.com>
Date: Tue, 12 Mar 2024 18:42:17 +0530
Subject: [PATCH] Show all queue details (#821)

---
 src/pages/dashboard/panels/QueueProcessor.tsx | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/src/pages/dashboard/panels/QueueProcessor.tsx b/src/pages/dashboard/panels/QueueProcessor.tsx
index 300295611..5645caa92 100644
--- a/src/pages/dashboard/panels/QueueProcessor.tsx
+++ b/src/pages/dashboard/panels/QueueProcessor.tsx
@@ -2,6 +2,7 @@ import React from 'react';
 import { useSelector } from 'react-redux';
 import { mdiCloseCircleOutline, mdiPauseCircleOutline, mdiPlayCircleOutline, mdiRefresh } from '@mdi/js';
 import { Icon } from '@mdi/react';
+import { map } from 'lodash';
 
 import Button from '@/components/Input/Button';
 import ShokoPanel from '@/components/Panels/ShokoPanel';
@@ -78,7 +79,7 @@ const Item = ({ item }: { item: QueueItemType }) => (
   <div className="mr-3 flex items-center justify-between gap-x-2 rounded-md p-3 even:bg-panel-background-alt">
     <div className="flex flex-col gap-y-1 break-all">
       <span className="text-sm opacity-65">{item.Title}</span>
-      {item.Details[Object.keys(item.Details)[0]]}
+      {map(item.Details, (value, key) => `${key}: ${value}`).join(', ')}
     </div>
     {item.IsRunning && <Icon path={mdiRefresh} size={1.1} className="text-panel-text-primary" />}
   </div>