From 13a76e584cce520d5c71631512dc36f2d46fac69 Mon Sep 17 00:00:00 2001
From: Ihsan Ullah <ihsan2131@gmail.com>
Date: Wed, 23 Aug 2023 23:33:56 +0500
Subject: [PATCH] forum ui profile image displayed

---
 src/static/riot/profiles/profile_detail.tag | 57 ++-------------------
 src/templates/forums/thread_detail.html     |  5 +-
 2 files changed, 5 insertions(+), 57 deletions(-)

diff --git a/src/static/riot/profiles/profile_detail.tag b/src/static/riot/profiles/profile_detail.tag
index d035d8dd1..714a6e2ab 100644
--- a/src/static/riot/profiles/profile_detail.tag
+++ b/src/static/riot/profiles/profile_detail.tag
@@ -1,62 +1,11 @@
 <profile-detail>
-    <!-- ---------------------------------------- HTML ---------------------------------------- -->
+    <!--  HTML  -->
     <div class="background">
         <div id="profile_wrapper" class="ui two column doubling stackable grid container">
             <div class="column">
                 <div if="{!selected_user.photo}"><img id="avatar" class="ui centered small rounded image" src="/static/img/user-avatar.png"></div>
                 <div if="{selected_user.photo}"><img id="avatar" class="ui centered small rounded image" src="{selected_user.photo}"></div>
 
-<!--                &lt;!&ndash; Competition Divider &ndash;&gt;-->
-<!--                <div class="ui horizontal divider">Competitions</div>-->
-
-<!--                &lt;!&ndash; Competition Cards &ndash;&gt;-->
-<!--                <div class="ui fluid card">-->
-<!--                    <div class="comp_card center aligned image">-->
-<!--                        <div  class="comp_header center aligned header content">-->
-<!--                            <div class="comp_name">Competition Name</div>-->
-<!--                            <img class="ui centered circular image"-->
-<!--                                 src="http://via.placeholder.com/50x50">-->
-<!--                        </div>-->
-<!--                    </div>-->
-<!--                    <div class="content">-->
-<!--                        <div class="description">-->
-<!--                            <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Adipisci asperiores atque-->
-<!--                                distinct...</p>-->
-<!--                        </div>-->
-<!--                    </div>-->
-<!--                    <div class="right aligned extra content">-->
-<!--                        <a class="status">-->
-<!--                            <i class="exchange icon"></i>-->
-<!--                            In Progress-->
-<!--                        </a>-->
-<!--                    </div>-->
-<!--                </div>-->
-<!--                <div class="ui fluid card">-->
-<!--                    <div class="comp_card center aligned image">-->
-<!--                        <div  class="comp_header center aligned header content">-->
-<!--                            <div class="comp_name">Competition Name</div>-->
-<!--                            <img class="ui centered circular image"-->
-<!--                                 src="http://via.placeholder.com/50x50">-->
-<!--                        </div>-->
-<!--                    </div>-->
-<!--                    <div class="content">-->
-<!--                        <div class="description">-->
-<!--                            <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Adipisci asperiores atque-->
-<!--                                distinct...</p>-->
-<!--                        </div>-->
-<!--                    </div>-->
-<!--                    <div class="right aligned extra content">-->
-<!--                        <a class="status">-->
-<!--                            <i class="exchange icon"></i>-->
-<!--                            In Progress-->
-<!--                        </a>-->
-<!--                    </div>-->
-<!--                </div>-->
-<!--                <button class="ui basic fluid button">-->
-<!--                    See More Competitions...-->
-<!--                </button>-->
-<!--            </div>-->
-
                 <!-- Competition Divider -->
                 <div class="ui horizontal divider">Organizations</div>
 
@@ -131,9 +80,9 @@
     </div>
     <script>
         self.selected_user = selected_user
-        console.log('orgs', self.selected_user.organizations)
     </script>
-    <!------------------------------------------ CSS Styling ------------------------------------>
+  
+    <!--  CSS Styling   -->
     <style type="text/stylus">
         :scope
             margin-top 20px
diff --git a/src/templates/forums/thread_detail.html b/src/templates/forums/thread_detail.html
index 14a154e0e..f144d4e46 100644
--- a/src/templates/forums/thread_detail.html
+++ b/src/templates/forums/thread_detail.html
@@ -11,14 +11,13 @@
                     <div class="post-header">
                         <div class="post-user">
                             {% if post.posted_by.photo %}
-                            <img class="post-user-img" src="/static/img/user-avatar.png">
-                            <!-- <img class="post-user-img" src="{{ post.posted_by.photo }}"> -->
+                            <img class="post-user-img" src="{{ post.posted_by.photo.url }}">
                             {% else %}
                             <img class="post-user-img" src="/static/img/user-avatar.png">
                             {% endif %}
                         </div>
                         <div class="post-user-name-date">
-                            <div class="poster-name">{{ post.posted_by }}</div>
+                            <div class="poster-name"><a href="/profiles/user/{{ post.posted_by }}" target="_blank">{{ post.posted_by }}</a></div>
                             <div class="posted-date">{{ post.date_created }}</div>
                         </div>
                         <div class="post-actions">