From 6ac87954da014c7a9af4f208880b98015a979c0b Mon Sep 17 00:00:00 2001
From: Jesse Chan <jc@linux.com>
Date: Tue, 27 Oct 2020 14:13:06 +0800
Subject: [PATCH] TorrentListCell: properly handle classnames

---
 .../javascript/components/torrent-list/TorrentListCell.tsx   | 5 ++++-
 1 file changed, 4 insertions(+), 1 deletion(-)

diff --git a/client/src/javascript/components/torrent-list/TorrentListCell.tsx b/client/src/javascript/components/torrent-list/TorrentListCell.tsx
index 38e0a9fe..7755ba82 100644
--- a/client/src/javascript/components/torrent-list/TorrentListCell.tsx
+++ b/client/src/javascript/components/torrent-list/TorrentListCell.tsx
@@ -1,3 +1,4 @@
+import classnames from 'classnames';
 import React from 'react';
 
 import DetailNotAvailableIcon from '../icons/DetailNotAvailableIcon';
@@ -23,7 +24,9 @@ const TorrentListCell: React.FC<TorrentListCellProps> = ({
   const icon = showIcon ? torrentPropertyIcons[column as keyof typeof torrentPropertyIcons] : null;
 
   return (
-    <div className={`torrent__detail torrent__detail--${column} ${className}`} style={{width: `${width}px`}}>
+    <div
+      className={classnames('torrent__detail', `torrent__detail--${column}`, className)}
+      style={{width: `${width}px`}}>
       {icon}
       {content || <DetailNotAvailableIcon />}
     </div>