Merge pull request #167 from hellokitty-coding-club/chore/avoid-double-click

[CHORE] 중복 클릭 방지를 위한 throttle click 설정 (#166)

Author: KxxHyoRim

common-ui/src/main/java/com/lgtm/android/common_ui/adapter/ParticipantAdapter.kt

@@ -7,6 +7,7 @@ import androidx.recyclerview.widget.RecyclerView
 import com.lgtm.android.common_ui.databinding.ItemDashboardParticipantBinding
 import com.lgtm.android.common_ui.model.MemberMissionStatusUI
 import com.lgtm.android.common_ui.util.ItemDiffCallback
+import com.lgtm.android.common_ui.util.setOnThrottleClickListener
 
 
 class ParticipantAdapter(
@@ -35,7 +36,7 @@ class ParticipantViewHolder(
 ) : RecyclerView.ViewHolder(binding.root) {
     fun onBind(item: MemberMissionStatusUI) {
         binding.data = item
-        binding.clProgress.setOnClickListener { onProcessStateClickListener(item.memberId) }
-        binding.btnReviewMission.setOnClickListener { onCodeReviewClickListener(item.githubPrUrl) }
+        binding.clProgress.setOnThrottleClickListener { onProcessStateClickListener(item.memberId) }
+        binding.btnReviewMission.setOnThrottleClickListener { onCodeReviewClickListener(item.githubPrUrl) }
     }
 }

common-ui/src/main/java/com/lgtm/android/common_ui/ui/LgtmConfirmationDialog.kt

@@ -9,6 +9,7 @@ import androidx.databinding.DataBindingUtil
 import com.google.android.material.bottomsheet.BottomSheetDialogFragment
 import com.lgtm.android.common_ui.R
 import com.lgtm.android.common_ui.databinding.DialogLgtmConfirmationBinding
+import com.lgtm.android.common_ui.util.setOnThrottleClickListener
 
 class LgtmConfirmationDialog(
     private val title: String,
@@ -54,11 +55,11 @@ class LgtmConfirmationDialog(
     }
 
     private fun onClickCancelListener() {
-        binding.btnCancel.setOnClickListener { dismiss() }
+        binding.btnCancel.setOnThrottleClickListener { dismiss() }
     }
 
     private fun onClickConfirmListener() {
-        binding.btnConfirm.setOnClickListener {
+        binding.btnConfirm.setOnThrottleClickListener {
             dismiss()
             doAfterConfirm()
         }

common-ui/src/main/java/com/lgtm/android/common_ui/util/SingleClickListener.kt

@@ -0,0 +1,34 @@
+package com.lgtm.android.common_ui.util
+
+import android.content.ContentValues.TAG
+import android.util.Log
+import android.view.View
+
+
+class OnThrottleClickListener(
+    private val onClickListener: View.OnClickListener,
+    private val interval: Long = 300L,
+) : View.OnClickListener {
+
+    private var clickable = true
+
+    override fun onClick(v: View?) {
+        if (clickable) {
+            clickable = false
+            v?.run {
+                postDelayed({ clickable = true }, interval)
+                onClickListener.onClick(v)
+            }
+        } else {
+            Log.d(TAG, "onClick : operating setOnThrottleClickListener")
+        }
+    }
+}
+
+fun View.setOnThrottleClickListener(action: (v: View) -> Unit) {
+    setOnClickListener(OnThrottleClickListener(action))
+}
+
+fun View.setOnThrottleClickListener(action: (v: View) -> Unit, interval: Long) {
+    setOnClickListener(OnThrottleClickListener(action, interval))
+}

common-ui/src/main/java/com/lgtm/android/common_ui/util/TechTagChipGroup.kt

@@ -54,7 +54,7 @@ class TechTagChipGroup(private val chipGroup: ChipGroup, private val theme: Tech
             setChipIconResource(techTagUI.defaultIcon)
             setTextAppearance(R.style.Body2)
             setTextColor(textStateList) // (순서 중요) textAppearance 후에 배치
-            setOnClickListener { onChipSelected(this, techTagUI) }
+            setOnThrottleClickListener { onChipSelected(this, techTagUI) }
             if (selectedTagList.value?.contains(this.text) == true) {
                 isSelected = true
             }

common-ui/src/main/java/com/lgtm/android/common_ui/viewholder/ProfileGlanceViewHolder.kt

@@ -2,6 +2,7 @@ package com.lgtm.android.common_ui.viewholder
 
 import com.lgtm.android.common_ui.databinding.ItemProfileGlanceBinding
 import com.lgtm.android.common_ui.model.mapper.toUiModel
+import com.lgtm.android.common_ui.util.setOnThrottleClickListener
 import com.lgtm.domain.profile.Profile
 import com.lgtm.domain.profile.profileViewType.ProfileGlance
 
@@ -18,6 +19,6 @@ class ProfileGlanceViewHolder(
     override fun bind(data: Profile) {
         val profileGlanceData: ProfileGlance = data as ProfileGlance
         binding.data = profileGlanceData.toUiModel()
-        binding.btnGithub.setOnClickListener { onClickGithubButton() }
+        binding.btnGithub.setOnThrottleClickListener { onClickGithubButton() }
     }
 }

common-ui/src/main/java/com/lgtm/android/common_ui/viewholder/ProfileMissionViewHolder.kt

@@ -1,6 +1,7 @@
 package com.lgtm.android.common_ui.viewholder
 
 import com.lgtm.android.common_ui.databinding.ItemSduiItemBinding
+import com.lgtm.android.common_ui.util.setOnThrottleClickListener
 import com.lgtm.domain.profile.Profile
 import com.lgtm.domain.server_drive_ui.SectionItemVO
 
@@ -15,6 +16,6 @@ class ProfileMissionViewHolder(
 
     override fun bind(data: Profile) {
         binding.data = data as SectionItemVO
-        binding.clMission.setOnClickListener { navigateToMissionDetail(data.missionId) }
+        binding.clMission.setOnThrottleClickListener {  navigateToMissionDetail(data.missionId) }
     }
 }

common-ui/src/main/java/com/lgtm/android/common_ui/viewholder/SduiItemViewHolder.kt

@@ -1,6 +1,7 @@
 package com.lgtm.android.common_ui.viewholder
 
 import com.lgtm.android.common_ui.databinding.ItemSduiItemBinding
+import com.lgtm.android.common_ui.util.setOnThrottleClickListener
 import com.lgtm.domain.server_drive_ui.SduiContent
 import com.lgtm.domain.server_drive_ui.SduiTheme
 import com.lgtm.domain.server_drive_ui.SectionItemVO
@@ -13,12 +14,12 @@ class SduiItemViewHolder(
     override fun bind(theme: SduiTheme, viewContent: SduiContent) {
         binding.data = viewContent as SectionItemVO
         binding.theme = theme
-        binding.clMission.setOnClickListener { navigateToMissionDetail(viewContent.missionId) }
+        binding.clMission.setOnThrottleClickListener { navigateToMissionDetail(viewContent.missionId) }
 
         if (viewContent.isScraped != null) {
             binding.bookmarkButton.isBookmarked = viewContent.isScraped == true
             binding.bookmarkButton.bookmarkNum = viewContent.scrapCount ?: 0
-            binding.bookmarkButton.btnBookmark.setOnClickListener {
+            binding.bookmarkButton.btnBookmark.setOnThrottleClickListener {
                 // todo bookmark api 연동
             }
         }

feature/auth/src/main/java/com/lgtm/android/auth/ui/SignInActivity.kt

@@ -13,6 +13,7 @@ import com.lgtm.android.auth.ui.github.GithubBottomSheet
 import com.lgtm.android.auth.ui.signup.SignUpActivity
 import com.lgtm.android.common_ui.base.BaseActivity
 import com.lgtm.android.common_ui.util.NetworkState
+import com.lgtm.android.common_ui.util.setOnThrottleClickListener
 import dagger.hilt.android.AndroidEntryPoint
 
 @AndroidEntryPoint
@@ -39,7 +40,7 @@ class SignInActivity : BaseActivity<ActivitySignInBinding>(R.layout.activity_sig
     }
 
     private fun initClickListener() {
-        binding.clGithub.setOnClickListener {
+        binding.clGithub.setOnThrottleClickListener {
             showGithubLoginBottomSheet()
         }
     }

feature/auth/src/main/java/com/lgtm/android/auth/ui/signup/common/ChooseRoleFragment.kt

@@ -8,6 +8,7 @@ import com.lgtm.android.auth.R
 import com.lgtm.android.auth.databinding.FragmentChooseRoleBinding
 import com.lgtm.android.auth.ui.signup.SignUpViewModel
 import com.lgtm.android.common_ui.base.BaseFragment
+import com.lgtm.android.common_ui.util.setOnThrottleClickListener
 import com.lgtm.domain.constants.Role
 import dagger.hilt.android.AndroidEntryPoint
 
@@ -35,7 +36,7 @@ class ChooseRoleFragment : BaseFragment<FragmentChooseRoleBinding>(R.layout.frag
     }
 
     private fun setupNextButtonListener() {
-        binding.btnNext.setOnClickListener {
+        binding.btnNext.setOnThrottleClickListener {
             if (signUpViewModel.selectedRole.value == Role.REVIEWEE) {
                 navigateToEducationStatusFragment()
             } else {

feature/auth/src/main/java/com/lgtm/android/auth/ui/signup/common/IntroductionFragment.kt

@@ -8,6 +8,7 @@ import com.lgtm.android.auth.R
 import com.lgtm.android.auth.databinding.FragmentIntroductionBinding
 import com.lgtm.android.auth.ui.signup.SignUpViewModel
 import com.lgtm.android.common_ui.base.BaseFragment
+import com.lgtm.android.common_ui.util.setOnThrottleClickListener
 import dagger.hilt.android.AndroidEntryPoint
 
 @AndroidEntryPoint
@@ -45,7 +46,7 @@ class IntroductionFragment :
 
 
     private fun setupNextButtonListener() {
-        binding.btnNext.setOnClickListener {
+        binding.btnNext.setOnThrottleClickListener {
             navigateToSelectRoleFragment()
         }
     }