@@ -182,7 +182,9 @@ export function DownloadManagement() {
182182 getProviders ( ) . then ( setProviders )
183183 toast . success ( t ( 'common:toast.downloadComplete.title' ) , {
184184 id : 'download-complete' ,
185- description : t ( 'common:toast.downloadComplete.description' , { modelId : state . modelId } ) ,
185+ description : t ( 'common:toast.downloadComplete.description' , {
186+ modelId : state . modelId ,
187+ } ) ,
186188 } )
187189 } ,
188190 [ removeDownload , removeLocalDownloadingModel , setProviders , t ]
@@ -237,10 +239,14 @@ export function DownloadManagement() {
237239 < PopoverTrigger asChild >
238240 { isLeftPanelOpen ? (
239241 < div className = "bg-left-panel-fg/10 hover:bg-left-panel-fg/12 p-2 rounded-md my-1 relative border border-left-panel-fg/10 cursor-pointer text-left" >
240- < div className = "bg-primary font-bold size-5 rounded-full absolute -top-2 -right-1 flex items-center justify-center text-primary-fg" >
241- { downloadCount }
242+ < div className = "text-left-panel-fg/80 font-medium flex gap-2" >
243+ < span > { t ( 'downloads' ) } </ span >
244+ < span >
245+ < div className = "bg-primary font-bold size-5 rounded-full flex items-center justify-center text-primary-fg" >
246+ { downloadCount }
247+ </ div >
248+ </ span >
242249 </ div >
243- < p className = "text-left-panel-fg/80 font-medium" > { t ( 'downloads' ) } </ p >
244250 < div className = "mt-2 flex items-center justify-between space-x-2" >
245251 < Progress value = { overallProgress * 100 } />
246252 < span className = "text-xs font-medium text-left-panel-fg/80 shrink-0" >
@@ -252,7 +258,7 @@ export function DownloadManagement() {
252258 < div className = "fixed bottom-4 left-4 z-50 size-10 bg-main-view border-2 border-main-view-fg/10 rounded-full shadow-md cursor-pointer flex items-center justify-center" >
253259 < div className = "relative" >
254260 < IconDownload
255- className = "text-left-panel -fg/50 -mt-1"
261+ className = "text-main-view -fg/50 -mt-1"
256262 size = { 20 }
257263 />
258264 < div className = "bg-primary font-bold size-5 rounded-full absolute -top-4 -right-4 flex items-center justify-center text-primary-fg" >
@@ -272,7 +278,9 @@ export function DownloadManagement() {
272278 >
273279 < div className = "flex flex-col" >
274280 < div className = "p-2 py-1.5 bg-main-view-fg/5 border-b border-main-view-fg/6" >
275- < p className = "text-xs text-main-view-fg/70" > { t ( 'downloading' ) } </ p >
281+ < p className = "text-xs text-main-view-fg/70" >
282+ { t ( 'downloading' ) }
283+ </ p >
276284 </ div >
277285 < div className = "p-2 max-h-[300px] overflow-y-auto space-y-2" >
278286 { appUpdateState . isDownloading && (
@@ -309,10 +317,15 @@ export function DownloadManagement() {
309317 title = "Cancel download"
310318 onClick = { ( ) => {
311319 abortDownload ( download . name ) . then ( ( ) => {
312- toast . info ( t ( 'common:toast.downloadCancelled.title' ) , {
313- id : 'cancel-download' ,
314- description : t ( 'common:toast.downloadCancelled.description' ) ,
315- } )
320+ toast . info (
321+ t ( 'common:toast.downloadCancelled.title' ) ,
322+ {
323+ id : 'cancel-download' ,
324+ description : t (
325+ 'common:toast.downloadCancelled.description'
326+ ) ,
327+ }
328+ )
316329 if ( downloadProcesses . length === 0 ) {
317330 setIsPopoverOpen ( false )
318331 }
0 commit comments