mirror of
https://github.com/System-End/hackatime.git
synced 2026-04-19 16:38:23 +00:00
42ceec73cb
* New settings? * New Settings page! * Vendor Inertia * Fix some issues * <Link>ify the site!
35 lines
1 KiB
Svelte
35 lines
1 KiB
Svelte
<script lang="ts">
|
|
import { Link } from "@inertiajs/svelte";
|
|
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>
|
|
<Link
|
|
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</Link
|
|
>
|
|
<SocialProofUsers
|
|
users={ssp_users_recent}
|
|
total_size={ssp_users_size}
|
|
message={ssp_message}
|
|
/>
|
|
</div>
|