hackatime/app/javascript/pages/Home/signedIn/SetupNotice.svelte
Mahad Kalam 0d089a01e9
Re-add test param (#921)
* Re-add test_param

* Revert "`types_from_initializers` + `js_from_routes` + performance fixes (#918)"

This reverts commit 384a618c15.

* bin/rubocop -A
2026-02-10 23:14:49 +00:00

34 lines
1,008 B
Svelte

<script lang="ts">
import SocialProofUsers from "./SocialProofUsers.svelte";
type SocialProofUser = { display_name: string; avatar_url: string };
let {
wakatime_setup_path,
ssp_message,
ssp_users_recent,
ssp_users_size,
}: {
wakatime_setup_path: string;
ssp_message?: string | null;
ssp_users_recent: SocialProofUser[];
ssp_users_size: number;
} = $props();
</script>
<div class="text-left my-8 flex flex-col">
<p class="mb-4 text-xl text-primary">
Hello friend! Looks like you are new around here, let's get you set up
so you can start tracking your coding time.
</p>
<a
href={wakatime_setup_path}
class="inline-block w-auto text-3xl font-bold px-8 py-4 bg-primary text-white rounded shadow-md hover:shadow-lg hover:-translate-y-1 transition-all duration-300 animate-pulse"
>Let's setup Hackatime! Click me :D</a
>
<SocialProofUsers
users={ssp_users_recent}
total_size={ssp_users_size}
message={ssp_message}
/>
</div>