client: fix formatting

heyxkhoa · Dec 7, 2021 · 5774798 · 5774798
1 parent 4b4bb66
commit 5774798
Showing 1 changed file with 20 additions and 18 deletions.
diff --git a/client/src/components/Logs/Cells/ResponseCell.js b/client/src/components/Logs/Cells/ResponseCell.js
@@ -94,24 +94,26 @@ const ResponseCell = ({
 
     const detailedInfo = getDetailedInfo(reason);
 
-    return <div className="logs__cell logs__cell--response" role="gridcell">
-        <IconTooltip
-            className={classNames('icons mr-4 icon--24 icon--lightgray', { 'my-3': isDetailed })}
-            columnClass='grid grid--limited'
-            tooltipClass='px-5 pb-5 pt-4 mw-75 custom-tooltip__response-details'
-            contentItemClass='text-truncate key-colon o-hidden'
-            xlinkHref='question'
-            title='response_details'
-            content={content}
-            placement='bottom'
-        />
-        <div className="text-truncate">
-            <div className="text-truncate" title={statusLabel}>{statusLabel}</div>
-            {isDetailed && <div
-                    className="detailed-info d-none d-sm-block pt-1 text-truncate"
-                    title={detailedInfo}>{detailedInfo}</div>}
+    return (
+        <div className="logs__cell logs__cell--response" role="gridcell">
+            <IconTooltip
+                className={classNames('icons mr-4 icon--24 icon--lightgray', { 'my-3': isDetailed })}
+                columnClass='grid grid--limited'
+                tooltipClass='px-5 pb-5 pt-4 mw-75 custom-tooltip__response-details'
+                contentItemClass='text-truncate key-colon o-hidden'
+                xlinkHref='question'
+                title='response_details'
+                content={content}
+                placement='bottom'
+            />
+            <div className="text-truncate">
+                <div className="text-truncate" title={statusLabel}>{statusLabel}</div>
+                {isDetailed && <div
+                        className="detailed-info d-none d-sm-block pt-1 text-truncate"
+                        title={detailedInfo}>{detailedInfo}</div>}
+            </div>
         </div>
-    </div>;
+    );
 };
 
 ResponseCell.propTypes = {
@@ -121,12 +123,12 @@ ResponseCell.propTypes = {
     response: propTypes.array.isRequired,
     status: propTypes.string.isRequired,
     upstream: propTypes.string.isRequired,
+    cached: propTypes.bool.isRequired,
     rules: propTypes.arrayOf(propTypes.shape({
         text: propTypes.string.isRequired,
         filter_list_id: propTypes.number.isRequired,
     })),
     service_name: propTypes.string,
-    cached: propTypes.bool,
 };
 
 export default ResponseCell;