hackatime/app/javascript/pages/Home/signedIn/SetupNotice.svelte
Mahad Kalam ef3f36c829
Inertia migration/UI3 (#911)
* Inertia p1?

* Inertia'fied signed out homepage?

* Split up signed in page

* WIP signed in v2?

* Better signed in?

* Clean up extensions page!

* Fix currently hacking

* Better docs page?

* Docs update 2

* Clean up "What is Hackatime?" + get rid of that godawful green dev mode

* Better nav?

* Cleaner settings?

* Fix commit times

* Fix flashes + OS improv

* Setup v2

* Readd some of the syncers?

* Remove stray emdash

* Clean up Step 3

* Oops, remove .vite

* bye bye, /inertia-example

* bin/rubocop -A

* Fix docs vuln
2026-02-09 11:26:30 +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>