From 609dfcdca8416b3deb3bdc01b575c9ed6b03777e Mon Sep 17 00:00:00 2001
From: BFlat <bombayapirat@gmail.com>
Date: Mon, 25 Jul 2022 04:27:57 +0100
Subject: [PATCH] wrapped link over image grid so it's clickable

---
 packages/fakeyou/src/scss/site-refresh.scss      |  1 +
 .../profile_view/Profile_W2lTemplateListFc.tsx   | 16 ++++++++--------
 .../w2l/w2l_template_list/W2lTemplateListFc.tsx  | 16 ++++++++--------
 3 files changed, 17 insertions(+), 16 deletions(-)

diff --git a/packages/fakeyou/src/scss/site-refresh.scss b/packages/fakeyou/src/scss/site-refresh.scss
index 295917fcae..e59f1fb9b6 100644
--- a/packages/fakeyou/src/scss/site-refresh.scss
+++ b/packages/fakeyou/src/scss/site-refresh.scss
@@ -439,6 +439,7 @@ styles with important tags:
 
   .video-card-title {
     font-size: 14px;
+    color: $white;
   }
 
   .video-card-text {
diff --git a/packages/fakeyou/src/v2/view/profile/profile_view/Profile_W2lTemplateListFc.tsx b/packages/fakeyou/src/v2/view/profile/profile_view/Profile_W2lTemplateListFc.tsx
index ce0c800a0a..d3d3a26c2a 100644
--- a/packages/fakeyou/src/v2/view/profile/profile_view/Profile_W2lTemplateListFc.tsx
+++ b/packages/fakeyou/src/v2/view/profile/profile_view/Profile_W2lTemplateListFc.tsx
@@ -84,15 +84,15 @@ function ProfileW2lTemplateListFc(props: Props) {
     let link = `/w2l/${t.template_token}`;
 
     templateElements.push(
-      <div className="video-card">
-        <div className="video-card-body d-flex flex-column">
-          <h6 className="video-card-title mb-1">Title</h6>
-          <p className="video-card-text">by NAME</p>
-        </div>
-        <Link to={link}>
+      <Link to={link} className="w-100">
+        <div className="video-card">
+          <div className="video-card-body d-flex flex-column">
+            <h6 className="video-card-title mb-1">Title</h6>
+            <p className="video-card-text">by NAME</p>
+          </div>
           <img className="video-img" src={url} alt="" />
-        </Link>
-      </div>
+        </div>
+      </Link>
     );
   });
 
diff --git a/packages/fakeyou/src/v2/view/w2l/w2l_template_list/W2lTemplateListFc.tsx b/packages/fakeyou/src/v2/view/w2l/w2l_template_list/W2lTemplateListFc.tsx
index f01bc9ee2e..7ec92fb422 100644
--- a/packages/fakeyou/src/v2/view/w2l/w2l_template_list/W2lTemplateListFc.tsx
+++ b/packages/fakeyou/src/v2/view/w2l/w2l_template_list/W2lTemplateListFc.tsx
@@ -87,15 +87,15 @@ function W2lTemplateListFc(props: Props) {
     let link = `/w2l/${t.template_token}`;
 
     templateElements.push(
-      <div className="video-card">
-        <div className="video-card-body d-flex flex-column">
-          <h6 className="video-card-title mb-1">Title</h6>
-          <p className="video-card-text">by (name))</p>
-        </div>
-        <Link to={link}>
+      <Link to={link} className="w-100">
+        <div className="video-card">
+          <div className="video-card-body d-flex flex-column">
+            <h6 className="video-card-title mb-1">Title</h6>
+            <p className="video-card-text">by (name))</p>
+          </div>
           <img className="video-img" src={url} alt="" />
-        </Link>
-      </div>
+        </div>
+      </Link>
     );
   });