From d30f97258ef1fac1d2ec56b32b2a88df13b28b4b Mon Sep 17 00:00:00 2001
From: Berkan Sasmaz <berkansasmazz@gmail.com>
Date: Mon, 3 May 2021 18:45:59 +0300
Subject: [PATCH] Edit JoinArea and MemberArea for Organization profile page

---
 .../Components/JoinArea/Default.cshtml        |  2 +-
 .../Components/MembersArea/Default.cshtml     | 27 ++++++++++---------
 .../Components/MembersArea/members-area.css   |  5 ----
 3 files changed, 15 insertions(+), 19 deletions(-)

diff --git a/src/EventHub.Web/Pages/Organizations/Components/JoinArea/Default.cshtml b/src/EventHub.Web/Pages/Organizations/Components/JoinArea/Default.cshtml
index e86c846..3cbd5fe 100644
--- a/src/EventHub.Web/Pages/Organizations/Components/JoinArea/Default.cshtml
+++ b/src/EventHub.Web/Pages/Organizations/Components/JoinArea/Default.cshtml
@@ -2,7 +2,7 @@
 @using Microsoft.AspNetCore.Mvc.Localization
 @inject IHtmlLocalizer<EventHubResource> L
 @model EventHub.Web.Pages.Organizations.Components.JoinArea.JoinAreaViewComponent.MembershipAreaViewComponentModel
-<abp-card class="mb-3" data-organization-id="@Model.OrganizationId">
+<abp-card class="detail-head mt-5 font-weight-bold" data-organization-id="@Model.OrganizationId">
     <abp-card-body>
         @if (Model.IsLoggedIn)
         {
diff --git a/src/EventHub.Web/Pages/Organizations/Components/MembersArea/Default.cshtml b/src/EventHub.Web/Pages/Organizations/Components/MembersArea/Default.cshtml
index f8d6554..9a8134d 100644
--- a/src/EventHub.Web/Pages/Organizations/Components/MembersArea/Default.cshtml
+++ b/src/EventHub.Web/Pages/Organizations/Components/MembersArea/Default.cshtml
@@ -1,14 +1,15 @@
 @model EventHub.Web.Pages.Organizations.Components.MembersArea.MembersAreaViewComponent.MembersAreaViewComponentModel
-<abp-card class="mb-3" data-organization-id="@Model.OrganizationId">
-    <abp-card-body>
-        <abp-card-title>Members (@Model.TotalCount)</abp-card-title>
-        <abp-card-text>
-            <ul id="OrganizationMemberList">
-                @foreach (var member in Model.Members)
-                {
-                    <li class="border p-2 mb-2"><i class="fas fa-user"></i> @Model.GetMemberName(member)</li>
-                }
-            </ul>
-        </abp-card-text>
-    </abp-card-body>
-</abp-card>
\ No newline at end of file
+<h5 class="detail-head mt-5 font-weight-bold" data-organization-id="@Model.OrganizationId">Members (@Model.TotalCount)</h5> 
+<div>
+    @foreach (var member in Model.Members)
+    {
+        <img gravatar-email="@member.Email" default-image="Wavatar" gravatar-size="60" class="org-avatar avatar rounded-circle"/>
+    }
+</div> 
+@if (Model.TotalCount > 10)
+{
+    // ToDo: Implement show more!!!
+    <button class="btn btn-secondary btn-lg mt-3">
+        Show More
+    </button>
+}
\ No newline at end of file
diff --git a/src/EventHub.Web/Pages/Organizations/Components/MembersArea/members-area.css b/src/EventHub.Web/Pages/Organizations/Components/MembersArea/members-area.css
index 135beab..e69de29 100644
--- a/src/EventHub.Web/Pages/Organizations/Components/MembersArea/members-area.css
+++ b/src/EventHub.Web/Pages/Organizations/Components/MembersArea/members-area.css
@@ -1,5 +0,0 @@
-#OrganizationMemberList
-{
-    list-style: none;
-    padding: 0;
-}