From bb80d988d73958c822028e04e900185fb4ef2412 Mon Sep 17 00:00:00 2001
From: Anand Chitipothu <anandology@gmail.com>
Date: Thu, 6 May 2021 20:43:04 +0530
Subject: [PATCH] refactor: using SketchTeaser widget to show sketch in the
 profile page

---
 community/www/profiles/profile.html | 22 ++++------------------
 1 file changed, 4 insertions(+), 18 deletions(-)

diff --git a/community/www/profiles/profile.html b/community/www/profiles/profile.html
index a6969dd5..ce04294d 100644
--- a/community/www/profiles/profile.html
+++ b/community/www/profiles/profile.html
@@ -108,30 +108,16 @@
                     <div class="tab-pane fade py-4 show active" role="tabpanel" id="home">
                         <div class='container'>
                             <div class="row row-cols-1 row-cols-xl-5 row-cols-lg-4 row-cols-md-3 row-cols-sm-2">
-                                {% if sketches %}
+                              {% if sketches %}
                                 {% for sketch in sketches %}
                                 <div class="col m-4">
-                                    <div class="card sketch-card" style="width: 200px;">
-                                        <div class="card-img-top">
-                                            <a href="/sketches/{{sketch.sketch_id}}">
-                                                {{ sketch.to_svg() }}
-                                            </a>
-                                        </div>
-                                        <div class="card-footer">
-                                            <div class="sketch-title">
-                                                <a href="sketches/{{sketch.sketch_id}}">{{sketch.title}}</a>
-                                            </div>
-                                            <div class="sketch-author">
-                                                by {{sketch.get_owner_name()}}
-                                            </div>
-                                        </div>
-                                    </div>
+                                    {{ widgets.SketchTeaser(sketch=sketch) }}
                                 </div>
                                 {% endfor %}
-                                {% endif %}
+                              {% endif %}
                             </div>
                             {% if not sketches %}
-                            <p class="text-center">{{member.full_name}} has not created any skecth yet.</p>
+                              <p class="text-center">{{member.full_name}} has not created any skecth yet.</p>
                             {% endif %}
                         </div>
                     </div>