feat: add GitLab notifications

src/lib/components/login/GitlabLoginButton.svelte

@@ -1,20 +1,17 @@
 <script>
 	import { browser } from '$app/environment';
 	import { PUBLIC_SITE_URL } from '$env/static/public';
-	import { Button, Tooltip } from '$lib/components';
+	import { Button } from '$lib/components';
 
 	export let small = false;
 
 	$: onTauriApp = browser && !!window.__TAURI__;
 </script>
 
-<Tooltip content="Coming soon!" hover position="bottom">
-	<Button
-		href={onTauriApp ? `${PUBLIC_SITE_URL}/auth/gitlab/login?from_app=true` : '/auth/gitlab/login'}
-		external={onTauriApp && import.meta.env.PROD}
-		disabled
-		{small}
-	>
-		<slot />
-	</Button>
-</Tooltip>
+<Button
+	href={onTauriApp ? `${PUBLIC_SITE_URL}/auth/gitlab/login?from_app=true` : '/auth/gitlab/login'}
+	external={onTauriApp && import.meta.env.PROD}
+	{small}
+>
+	<slot />
+</Button>

src/lib/types/gitlab-types.ts

@@ -4,3 +4,16 @@ export type GitlabUser = {
 	username: string;
 	avatar_url: string;
 };
+
+export type GitlabEvent = {
+	id: number;
+	action_name: 'opened' | 'closed' | 'merged' | 'commented_on';
+	author: GitlabUser;
+	created_at: string;
+} & {
+	action_name: 'pushed new';
+	push_data: {
+		commit_count: number;
+		commit_title: string;
+	};
+};

src/routes/(app)/dashboard/+page.svelte

@@ -17,7 +17,7 @@
 		Sidebar,
 		Tooltip
 	} from '$lib/components';
-	import { createGithubNotificationData, fetchGithub, storage } from '$lib/features';
+	import { createGithubNotificationData, fetchGithub, fetchGitlab, storage } from '$lib/features';
 	import { GithubIcon, GitlabIcon, Logo, RefreshIcon } from '$lib/icons';
 	import {
 		error,
@@ -38,7 +38,8 @@
 	let mounted = false;
 
 	let interval = setInterval(() => {
-		fetchNotifications();
+		fetchGithubNotifications();
+		fetchGitlabNotifications();
 	}, 60000);
 
 	$: if (synced && !syncTime) {
@@ -50,7 +51,9 @@
 		clearInterval(syncInterval);
 	}
 
-	async function fetchNotifications() {
+	async function fetchGithubNotifications() {
+		if (!githubUser) return;
+
 		synced = false;
 
 		let newNotifications: NotificationData[] = [];
@@ -134,15 +137,38 @@
 		}
 	}
 
+	async function fetchGitlabNotifications() {
+		if (!gitlabUser) return;
+
+		synced = false;
+
+		let newNotifications: NotificationData[] = [];
+
+		try {
+			console.log('salut');
+
+			const response = await fetchGitlab('events');
+			console.log(response);
+		} catch (e) {
+			$error =
+				'An error occurred while fetching notifications. Please try to reload the page or log out and log in again.';
+			console.error(e);
+		} finally {
+			synced = true;
+		}
+	}
+
 	function refetch() {
 		// Clear and refetch notifications
 		$githubNotifications = [];
-		fetchNotifications();
+		fetchGithubNotifications();
+		fetchGitlabNotifications();
 
 		// Reset interval
 		clearInterval(interval);
 		interval = setInterval(() => {
-			fetchNotifications();
+			fetchGithubNotifications();
+			fetchGitlabNotifications();
 		}, 60000);
 	}
 
@@ -183,7 +209,8 @@
 
 		mounted = true;
 
-		await fetchNotifications();
+		await fetchGitlabNotifications();
+		// await Promise.all([fetchGithubNotifications, fetchGitlabNotifications]);
 		$loading = false;
 	});