Sfoglia il codice sorgente

add the dynamic icon

gdias 4 mesi fa
parent
commit
dd06fb7f99

+ 1 - 1
src/lib/component/Menu.svelte

@@ -13,7 +13,6 @@
 
 	if (browser) {
 		token = localStorage.getItem('token');
-		company = Number(localStorage.getItem('company'));
 	}
 
 	function filtrarCategoria(categoria) {
@@ -23,6 +22,7 @@
 	onMount(() => {
 		const params = new URLSearchParams(window.location.search);
 		const id = params.get('id');
+		company = localStorage.setItem('company', id);
 
 		switch (id) {
 			case '1':

+ 12 - 1
src/lib/layout/SideBar.svelte

@@ -8,10 +8,13 @@
 	import close_icon from '$lib/assets/close_icon.svg';
 	import menu_icon from '$lib/assets/menu_icon.svg';
 	import { browser } from '$app/environment';
+	import { logo_id } from '$lib/utils/store';
 	let flag = null;
+	let company;
 
 	if (browser) {
 		flag = localStorage.getItem('flag');
+		company = localStorage.getItem('company');
 	}
 	$: navItems = [];
 
@@ -36,6 +39,14 @@
 				{ name: 'Cozinha', path: '/dashboard/kitchen', icon: 'kitchen_icon' }
 			];
 		}
+
+		switch (company) {
+			case '1':
+				logo_id.set(
+					'https://i.postimg.cc/bNNBcTZj/Whats-App-Image-2025-07-29-at-19-59-16-removebg-preview.png'
+				);
+				break;
+		}
 	});
 
 	function handleLogout() {
@@ -55,7 +66,7 @@
 <div class="flex h-screen bg-gray-900 text-white">
 	<div class="hidden w-64 flex-col border-r border-gray-700 bg-gray-800 md:flex">
 		<div class=" flex h-16 items-center justify-center border-b border-gray-700">
-			<img src={beer_green} alt="Logo" class="mr-2 h-8 w-8" />
+			<img src={$logo_id} alt="Logo" class="mr-2 h-8 w-8" />
 			<h1 class="text-xl font-semibold">Bar do Ferlin</h1>
 		</div>
 		<div class="flex flex-1 flex-col overflow-y-auto">

+ 17 - 1
src/routes/forgotten/+page.svelte

@@ -2,6 +2,14 @@
 	import { onMount } from 'svelte';
 	import { goto } from '$app/navigation';
 	import beer_icon from '$lib/assets/beer_icon.svg';
+	import { browser } from '$app/environment';
+	import { logo_id } from '$lib/utils/store';
+
+	let company;
+
+	if (browser) {
+		company = localStorage.getItem('company');
+	}
 
 	let email = '';
 	let loading = false;
@@ -13,6 +21,14 @@
 		if (currentUser) {
 			goto('/login');
 		}
+
+		switch (company) {
+			case '1':
+				logo_id.set(
+					'https://i.postimg.cc/bNNBcTZj/Whats-App-Image-2025-07-29-at-19-59-16-removebg-preview.png'
+				);
+				break;
+		}
 	});
 
 	async function handleSubmit(event: SubmitEvent) {
@@ -45,7 +61,7 @@
 <div class="flex min-h-screen items-center justify-center bg-[#1C1C1E] px-4">
 	<div class="w-full max-w-md space-y-8 rounded-lg bg-[#2C2C2E] p-8 shadow-lg">
 		<div class="flex flex-col items-center justify-center text-center">
-			<img src={beer_icon} alt="Logo" class="h-20 w-20" />
+			<img src={$logo_id} alt="Logo" class="h-20 w-20" />
 			<h1 class="mt-4 text-3xl font-extrabold text-white">Bar do Ferlin</h1>
 			<p class="mt-2 text-[#A0A0A0]">Esqueci a minha senha</p>
 		</div>

+ 17 - 4
src/routes/login/+page.svelte

@@ -3,6 +3,8 @@
 	import { goto } from '$app/navigation';
 	import { userFlag } from '$lib/utils/store';
 	import beer_icon from '$lib/assets/beer_icon.svg';
+	import { browser } from '$app/environment';
+	import { logo_id } from '$lib/utils/store';
 
 	let username = '';
 	let password = '';
@@ -10,10 +12,23 @@
 	let error = '';
 	let data;
 	let currentUser = false;
+	let company;
+
+	if (browser) {
+		company = localStorage.getItem('company');
+	}
 
 	onMount(() => {
 		if (currentUser) {
-			goto('/tables');
+			goto('/dashboard/tables');
+		}
+
+		switch (company) {
+			case '1':
+				logo_id.set(
+					'https://i.postimg.cc/bNNBcTZj/Whats-App-Image-2025-07-29-at-19-59-16-removebg-preview.png'
+				);
+				break;
 		}
 	});
 
@@ -82,7 +97,7 @@
 <div class="flex min-h-screen items-center justify-center bg-[#1C1C1E] px-4">
 	<div class="w-full max-w-md space-y-8 rounded-lg bg-[#2C2C2E] p-8 shadow-lg">
 		<div class="flex flex-col items-center justify-center text-center">
-			<img src={beer_icon} alt="Logo" class="h-20 w-20" />
+			<img src={$logo_id} alt="Logo" class="h-20 w-20" />
 			<h1 class="mt-4 text-3xl font-extrabold text-white">Bar do Ferlin</h1>
 			<p class="mt-2 text-[#A0A0A0]">Login</p>
 		</div>
@@ -97,7 +112,6 @@
 			<div>
 				<label for="username" class="block text-sm font-medium text-[#A0A0A0]"> Usuário </label>
 				<div class="relative mt-1">
-					<!-- Aqui você pode colocar um ícone de usuário, se quiser -->
 					<!-- <img src="/user-icon.svg" class="absolute left-3 top-1/2 -translate-y-1/2 w-5 h-5 text-[#A0A0A0]" alt="" /> -->
 
 					<input
@@ -113,7 +127,6 @@
 			<div>
 				<label for="password" class="block text-sm font-medium text-[#A0A0A0]"> Senha </label>
 				<div class="relative mt-1">
-					<!-- Aqui você pode colocar um ícone de cadeado, se quiser -->
 					<!-- <img src="/lock-icon.svg" class="absolute left-3 top-1/2 -translate-y-1/2 w-5 h-5 text-[#A0A0A0]" alt="" /> -->
 
 					<input