From aedb3d3d456764cab6c6944e4255a28ad0632eca Mon Sep 17 00:00:00 2001
From: pateljannat <pateljannat2308@gmail.com>
Date: Tue, 10 Aug 2021 16:39:17 +0530
Subject: [PATCH] fix: sketch cards

---
 community/lms/widgets/SketchCard.html | 34 +++++++++++++++++++++++++++
 community/public/icons/like.svg       |  3 +++
 2 files changed, 37 insertions(+)
 create mode 100644 community/lms/widgets/SketchCard.html
 create mode 100644 community/public/icons/like.svg

diff --git a/community/lms/widgets/SketchCard.html b/community/lms/widgets/SketchCard.html
new file mode 100644
index 00000000..0595d50b
--- /dev/null
+++ b/community/lms/widgets/SketchCard.html
@@ -0,0 +1,34 @@
+<div class="common-card-style sketch-teaser">
+  <div class="sketch-image">
+    <a href="/sketches/{{sketch.sketch_id}}">
+      <img src="/s/{{sketch.sketch_id}}.svg" />
+    </a>
+  </div>
+  <div class="sketch-footer">
+    <div class="sketch-title">
+      {{sketch.title}}
+    </div>
+    <div class="card-divider"></div>
+    {% set owner = sketch.get_owner() %}
+    <div>
+      <span class="">
+        {{ widgets.Avatar(member=owner, avatar_class="avatar-small") }}
+        <a class="button-links" href="/{{owner.username}}">
+          <span class="course-instructor">
+            {{ owner.full_name }}
+          </span>
+        </a>
+      </span>
+      <!-- below html would require changes based on if the user has liked the sketch or not -->
+      {% if show_likes %}
+      <span class="course-student-count">
+        <span>
+          <img class="icon-background" src="/assets/community/icons/like.svg" />
+          {{ likes }}
+        </span>
+      </span>
+      {% endif %}
+    </div>
+  </div>
+  <a class="stretched-link" href="sketches/{{sketch.sketch_id}}"></a>
+</div>
diff --git a/community/public/icons/like.svg b/community/public/icons/like.svg
new file mode 100644
index 00000000..dc0a13ec
--- /dev/null
+++ b/community/public/icons/like.svg
@@ -0,0 +1,3 @@
+<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M13.0746 3.60967C12.7814 3.31071 12.4333 3.07355 12.0501 2.91174C11.6669 2.74994 11.2562 2.66666 10.8415 2.66666C10.4267 2.66666 10.016 2.74994 9.63283 2.91174C9.24966 3.07355 8.90152 3.31071 8.60831 3.60967L7.99979 4.22983L7.39126 3.60967C6.79899 3.00607 5.9957 2.66697 5.1581 2.66697C4.32051 2.66697 3.51721 3.00607 2.92494 3.60967C2.33267 4.21327 1.99994 5.03192 1.99994 5.88554C1.99994 6.73916 2.33267 7.55782 2.92494 8.16142L3.53347 8.78158L7.99979 13.3333L12.4661 8.78158L13.0746 8.16142C13.368 7.86259 13.6007 7.5078 13.7595 7.11729C13.9182 6.72679 13.9999 6.30824 13.9999 5.88554C13.9999 5.46284 13.9182 5.04429 13.7595 4.65379C13.6007 4.26329 13.368 3.90849 13.0746 3.60967V3.60967Z" stroke="#4C5A67" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>