From 53045be65cdd10a94385e4c0fd998231b9f3fc4e Mon Sep 17 00:00:00 2001
From: marcobaobao <marco.piovanello@gmail.com>
Date: Fri, 23 Jun 2023 11:46:44 +0200
Subject: [PATCH] code refactoring

---
 frontend/src/components/DownloadsCardView.tsx |  2 +-
 frontend/src/components/StackableResult.tsx   | 16 +++++++++-------
 2 files changed, 10 insertions(+), 8 deletions(-)

diff --git a/frontend/src/components/DownloadsCardView.tsx b/frontend/src/components/DownloadsCardView.tsx
index 7e02d36..3e3bb8b 100644
--- a/frontend/src/components/DownloadsCardView.tsx
+++ b/frontend/src/components/DownloadsCardView.tsx
@@ -1,6 +1,5 @@
 import { Grid } from "@mui/material"
 import { Fragment } from "react"
-
 import type { RPCResult } from "../types"
 import { StackableResult } from "./StackableResult"
 
@@ -17,6 +16,7 @@ export function DownloadsCardView({ downloads, abortFunction }: Props) {
           <Grid item xs={4} sm={8} md={6} key={download.id}>
             <Fragment>
               <StackableResult
+                url={download.info.url}
                 title={download.info.title}
                 thumbnail={download.info.thumbnail}
                 percentage={download.progress.percentage}
diff --git a/frontend/src/components/StackableResult.tsx b/frontend/src/components/StackableResult.tsx
index 382e6d1..b777dbc 100644
--- a/frontend/src/components/StackableResult.tsx
+++ b/frontend/src/components/StackableResult.tsx
@@ -17,6 +17,7 @@ import { ellipsis, formatSpeedMiB, roundMiB } from '../utils'
 
 type Props = {
   title: string,
+  url: string,
   thumbnail: string,
   resolution: string
   percentage: string,
@@ -27,6 +28,7 @@ type Props = {
 
 export function StackableResult({
   title,
+  url,
   thumbnail,
   resolution,
   percentage,
@@ -45,17 +47,17 @@ export function StackableResult({
   const percentageToNumber = () => isCompleted ? 100 : Number(percentage.replace('%', ''))
 
   const guessResolution = (xByY: string): any => {
-    if (!xByY) return null;
-    if (xByY.includes('4320')) return (<EightK color="primary" />);
-    if (xByY.includes('2160')) return (<FourK color="primary" />);
-    if (xByY.includes('1080')) return (<Hd color="primary" />);
-    if (xByY.includes('720')) return (<Sd color="primary" />);
-    return null;
+    if (!xByY) return null
+    if (xByY.includes('4320')) return (<EightK color="primary" />)
+    if (xByY.includes('2160')) return (<FourK color="primary" />)
+    if (xByY.includes('1080')) return (<Hd color="primary" />)
+    if (xByY.includes('720')) return (<Sd color="primary" />)
+    return null
   }
 
   return (
     <Card>
-      <CardActionArea>
+      <CardActionArea onClick={() => navigator.clipboard.writeText(url)}>
         {thumbnail !== '' ?
           <CardMedia
             component="img"