performance improvement

vivganes · Aug 1, 2023 · f01e730 · f01e730
1 parent 60101b1
commit f01e730
Show file tree

Hide file tree

Showing 4 changed files with 5 additions and 3 deletions.
diff --git a/src/app/app.component.html b/src/app/app.component.html
@@ -25,7 +25,7 @@
       </a>
       <clr-dropdown>
         <button class="nav-icon" clrDropdownTrigger aria-label="toggle settings menu">
-            <cds-icon shape="user"></cds-icon>
+            <cds-icon shape="user" solid></cds-icon>
             <cds-icon shape="angle" direction="down"></cds-icon>
         </button>
         <clr-dropdown-menu *clrIfOpen clrPosition="bottom-right">

diff --git a/src/app/component/community-card/community-card.component.html b/src/app/component/community-card/community-card.component.html
@@ -2,7 +2,7 @@
 (inViewportAction)="onShowInViewPort($event)"
 >
     <div class="card">
-        <div class="card-img">
+        <div *ngIf= "showHeaderImage" class="card-img">
             <img *ngIf="community.image" (click)="openCommunityPage()" alt="Community image" src="{{ community.image }}"
             class="community-banner pointer-cursor" title="Browse n/{{community.name}}" />
         <img alt="temp community avatar" (click)="openCommunityPage()" *ngIf="community.image == undefined"

diff --git a/src/app/component/community-card/community-card.component.ts b/src/app/component/community-card/community-card.component.ts
@@ -19,6 +19,7 @@ export class CommunityCardComponent {
   currentUserHexKey?:string;
   joinOrLeaveInProgress:boolean = false;
   ndkProvider:NdkproviderService;
+  showHeaderImage:boolean = false;
 
   @Output()
   onLeave:EventEmitter<Community> = new EventEmitter<Community>();
@@ -39,6 +40,7 @@ export class CommunityCardComponent {
 
   onShowInViewPort({ target, visible }: { target: Element; visible: boolean }): void{
     if(visible){
+      this.showHeaderImage=true;
       this.fetchFollowers();
     }
   }

diff --git a/src/app/page/community-list/community-list.component.html b/src/app/page/community-list/community-list.component.html
@@ -26,7 +26,7 @@ <h3 *ngIf="showOnlyModeratingCommunities" align="center">
     <div class="clr-col-md-3 clr-col-10">
         <form class="search"  onsubmit="return false;">
             <label for="search_input_mobile">
-                <input clrInput id="search_input" type="search"  placeholder="Search..." [(ngModel)]="searchTerm" 
+                <input clrInput id="search_input" type="search"  placeholder="🔎︎ Search..." [(ngModel)]="searchTerm" 
                 name="search_input" (ngModelChange)="onSearchTermChange()">
             </label>
         </form>