Show tooltip only if the quality warning has not been recently shown

In some cases the warning could be repeteadly shown and hidden again. In
those cases showing the warning is fine, but showing the tooltip could
be annoying. Therefore now the tooltip is automatically shown only if
the warning has not been recently shown. In any case, the tooltip can
still be shown when hovering on the warning.

Signed-off-by: Daniel Calviño Sánchez <[email protected]>

src/components/CallView/LocalVideo.vue

@@ -91,6 +91,7 @@ export default {
 		return {
 			callAnalyzer: callAnalyzer,
 			qualityWarningInGracePeriodTimeout: null,
+			qualityWarningWasRecentlyShownTimeout: null,
 		}
 	},
 
@@ -146,6 +147,14 @@ export default {
 			return t('spreed', 'Bad sent audio quality')
 		},
 
+		// The quality warning tooltip is automatically shown only if the
+		// quality warning has not been shown in the last minute. Otherwise the
+		// tooltip is hidden even if the warning is shown, although the tooltip
+		// can be shown anyway by hovering on the warning.
+		showQualityWarningTooltip() {
+			return !this.qualityWarningWasRecentlyShownTimeout
+		},
+
 		qualityWarningTooltip() {
 			if (!this.showQualityWarning) {
 				return false
@@ -164,7 +173,7 @@ export default {
 
 			return {
 				content: message,
-				show: true,
+				show: this.showQualityWarningTooltip,
 			}
 		},
 	},
@@ -200,6 +209,20 @@ export default {
 			}, 3000)
 		},
 
+		showQualityWarning: function(showQualityWarning) {
+			if (showQualityWarning) {
+				return
+			}
+
+			if (this.qualityWarningWasRecentlyShownTimeout) {
+				window.clearTimeout(this.qualityWarningWasRecentlyShownTimeout)
+			}
+
+			this.qualityWarningWasRecentlyShownTimeout = window.setTimeout(() => {
+				this.qualityWarningWasRecentlyShownTimeout = null
+			}, 60000)
+		},
+
 	},
 
 	mounted() {