따봉

strong-trash · Aug 25, 2024 · e8aa768 · e8aa768
1 parent 9b4cb58
commit e8aa768
Show file tree

Hide file tree

Showing 3 changed files with 11 additions and 30 deletions.
diff --git a/README.md b/README.md
@@ -6,7 +6,7 @@ With simple swipe, users can access various products easily and funny
 
 ## How to build
 
-ng build
+ng build / npm run build
 
 ## How to Run
 

diff --git a/src/app/scene/scene.component.html b/src/app/scene/scene.component.html
@@ -24,8 +24,7 @@
                   <div class="like-icon icon">
                     <img src="icons/thumb_up.png" alt="like icon" />
                   </div>
-                  <!-- <span class="like-cnt">{{ slide.like_count }}</span> -->
-                  <span class="like-cnt">{{ curSlideLikeCount }}</span>
+                  <span class="like-cnt">{{ slide.like_count }} </span>
                 </div>
                 <div
                   class="dislike-button action-button"
@@ -35,8 +34,7 @@
                   <div class="dislike-icon icon">
                     <img src="icons/thumb_down.png" alt="dislike icon" />
                   </div>
-                  <!-- <span class="dislike-cnt">{{ slide.dislike_count }}</span> -->
-                  <span class="dislike-cnt">{{ curSlideDislikeCount }}</span>
+                  <span class="dislike-cnt">{{ slide.dislike_count }} </span>
                 </div>
               </div>
             </div>
@@ -45,22 +43,6 @@
       </div>
     </div>
   </div>
-
-  <!-- wonjin lee - start -->
-  <!-- loading backdrop -->
-  <!-- <div
-    class="loading-backdrop"
-    style="
-      width: 100vh;
-      height: 100vh;
-      background-color: rgba(0, 0, 0, 0.6);
-      position: fixed;
-      top: 0;
-      left: 0;
-    "
-    [ngClass]="showBackdrop(isLoading)"
-  ></div> -->
-  <!-- wonjin lee - end -->
 </div>
 
 <router-outlet />
diff --git a/src/app/scene/scene.component.ts b/src/app/scene/scene.component.ts
@@ -55,22 +55,22 @@ export class scene implements OnInit {
   // like = (proId: number, usrId: number, slide: any) => {
   like = async (proId: number, usrId: number, slide: any) => {
     this.api.like(proId, usrId);
+    if (this.isLike(slide) != 'selected') {
+      slide.like_count++;
+      if (this.isDisLike(slide) == 'selected') slide.dislike_count--;
+    }
     slide.is_like = true;
     slide.is_dislike = false;
-
-    // wonjin lee - start
-    await this.updateCurCount();
-    // wonjin lee - end
   };
 
   dislike = async (proId: number, usrId: number, slide: any) => {
     this.api.dislike(proId, usrId);
+    if (this.isDisLike(slide) != 'selected') {
+      if (this.isLike(slide) == 'selected') slide.like_count--;
+      slide.dislike_count++;
+    }
     slide.is_like = false;
     slide.is_dislike = true;
-
-    // wonjin lee - start
-    await this.updateCurCount();
-    // wonjin lee - end
   };
 
   isLike(slide: any) {
@@ -189,7 +189,6 @@ export class scene implements OnInit {
                 this.swiper?.update();
                 // wonjin lee - start
                 this.curSlideIdx = swiper.activeIndex;
-                console.log(this.curSlideIdx);
                 this.updateCurCount();
                 // wonjin lee - end
               },