From e6f36eb126db3d887c7721b2d43ac4ef72a176f2 Mon Sep 17 00:00:00 2001
From: ThatOneCalculator <kainoa@t1c.dev>
Date: Tue, 25 Oct 2022 11:23:59 -0700
Subject: [PATCH] ripple on renote

---
 packages/client/src/components/MkRenoteButton.vue | 8 ++++++++
 packages/client/src/components/MkRipple.vue       | 2 +-
 packages/client/src/pages/explore.vue             | 1 -
 3 files changed, 9 insertions(+), 2 deletions(-)

diff --git a/packages/client/src/components/MkRenoteButton.vue b/packages/client/src/components/MkRenoteButton.vue
index 9eaada863..1933b70fc 100644
--- a/packages/client/src/components/MkRenoteButton.vue
+++ b/packages/client/src/components/MkRenoteButton.vue
@@ -16,6 +16,7 @@
 <script lang="ts" setup>
 import { computed, ref } from 'vue';
 import * as misskey from 'misskey-js';
+import Ripple from '@/components/MkRipple.vue';
 import XDetails from '@/components/MkUsersTooltip.vue';
 import { pleaseLogin } from '@/scripts/please-login';
 import * as os from '@/os';
@@ -58,6 +59,13 @@ const renote = (viaKeyboard = false) => {
 			renoteId: props.note.id,
 			visibility: props.note.visibility,
 		});
+		const el = ev && (ev.currentTarget ?? ev.target) as HTMLElement | null | undefined;
+		if (el) {
+			const rect = el.getBoundingClientRect();
+			const x = rect.left + (el.offsetWidth / 2);
+			const y = rect.top + (el.offsetHeight / 2);
+			os.popup(Ripple, { x, y }, {}, 'end');
+		}
 	} else {
 		os.popupMenu([{
 			text: i18n.ts.renote,
diff --git a/packages/client/src/components/MkRipple.vue b/packages/client/src/components/MkRipple.vue
index 9d93211d5..0eb8d2f4f 100644
--- a/packages/client/src/components/MkRipple.vue
+++ b/packages/client/src/components/MkRipple.vue
@@ -74,7 +74,7 @@ const emit = defineEmits<{
 
 const particles = [];
 const origin = 64;
-const colors = ['#FF1493', '#00FFFF', '#FFE202'];
+const colors = ['#eb6f92', '#9ccfd8', '#f6c177'];
 const zIndex = os.claimZIndex('high');
 
 if (props.particle) {
diff --git a/packages/client/src/pages/explore.vue b/packages/client/src/pages/explore.vue
index 1982241c1..ffb65aaa1 100644
--- a/packages/client/src/pages/explore.vue
+++ b/packages/client/src/pages/explore.vue
@@ -120,7 +120,6 @@ function onSlideChange() {
 
 function syncSlide(index) {
 	swiperRef.slideTo(index);
-	tab = tabs[index];
 }
 
 </script>