From dd6c31ab8e29e62daf8281a246af1eb502b812ec Mon Sep 17 00:00:00 2001
From: Hadi <112569860+anotherhadi@users.noreply.github.com>
Date: Wed, 31 Jan 2024 12:33:04 +0100
Subject: [PATCH] Open github commits after unlocking animation (#41)

* Open github commits after unlocking animation

* Wait for the animation to end before opening Hyprland commits
---
 src/routes/Hypractive.svelte | 8 +++++++-
 1 file changed, 7 insertions(+), 1 deletion(-)

diff --git a/src/routes/Hypractive.svelte b/src/routes/Hypractive.svelte
index f66d183..7ac6a3d 100755
--- a/src/routes/Hypractive.svelte
+++ b/src/routes/Hypractive.svelte
@@ -87,6 +87,7 @@
 
 	/** @type {HTMLDivElement} */
 	let containerElement
+	let isAnimationComplete = false
 
 	const vaxrySize = 220
 	const contextId = Symbol('hypractive context')
@@ -98,12 +99,16 @@
 	function onClick() {
 		click$.next(1)
 	}
+
+	function onClickUnlocked() {
+		window.open('https://github.com/hyprwm/Hyprland/commits/main/', '_blank')
+	}
 </script>
 
 <div class="relative overflow-visible">
 	<button
 		class="flex items-center gap-3 font-bold text-slate-400 shadow-black drop-shadow-lg transition-colors hover:underline active:scale-95"
-		on:click={onClick}
+		on:click={isAnimationComplete ? onClickUnlocked : onClick}
 		style:color={$relativeLevel$ > 0 ? `hsl(${hue} 64% 53%)` : undefined}
 		style:scale={$relativeLevel$ > 0 ? scale : undefined}
 		style:translate={$relativeLevel$ > 0 ? `0px -${translateY}px` : undefined}
@@ -127,6 +132,7 @@
 			<div
 				class="vaxx-wrapper absolute bottom-[240px] left-1/2 z-50 aspect-square -translate-x-[100px] rounded-full animate-in fade-in-0 zoom-in-95 slide-in-from-bottom-[500px] slide-in-from-left-20 [animation-duration:2.5s]"
 				style:width={vaxrySize + 'px'}
+				on:animationend={() => (isAnimationComplete = true)}
 			>
 				<DiscordProfilePicture
 					image={VaxryImage}