HackInPovo/inventario
8
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

added logo

Browse source
This commit is contained in:
StefanoPutelli 2025-07-02 22:58:41 +02:00
parent cc883f2a11
commit 5a64d262f1
3 changed files with 35 additions and 38 deletions
Download patch file Download diff file Expand all files Collapse all files

BIN
frontend/src/assets/logo.png Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 81 KiB

52
frontend/src/components/InventoryDashboard.tsx
View file

@ -15,6 +15,7 @@ import { EditItemDialog } from '@/components/EditItemDialog';
import { QuantityControls } from '@/components/QuantityControls'; import { QuantityControls } from '@/components/QuantityControls';
import { QuantityUsedControls } from './QuantityUsedControls'; import { QuantityUsedControls } from './QuantityUsedControls';
import { useToast } from '@/hooks/use-toast'; import { useToast } from '@/hooks/use-toast';
import logo from '@/assets/logo.png';
export const InventoryDashboard = () => { export const InventoryDashboard = () => {
const [items, setItems] = useState<InventoryItem[]>([]); const [items, setItems] = useState<InventoryItem[]>([]);
@ -179,9 +180,7 @@ export const InventoryDashboard = () => {
<div className="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8"> <div className="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
<div className="flex justify-between items-center py-4"> <div className="flex justify-between items-center py-4">
<div className="flex items-center space-x-4"> <div className="flex items-center space-x-4">
<div className="w-10 h-10 bg-gradient-to-br from-blue-600 to-green-500 rounded-xl flex items-center justify-center"> <img src={logo} alt="Hackinpovo Logo" className="w-10 h-10 rounded-xl" />
<span className="text-white font-bold">HIP</span>
</div>
<div> <div>
<h1 className="text-2xl font-bold text-gray-900">Inventario Hackinpovo</h1> <h1 className="text-2xl font-bold text-gray-900">Inventario Hackinpovo</h1>
<p className="text-sm text-gray-500">Gestisci oggetti e componenti</p> <p className="text-sm text-gray-500">Gestisci oggetti e componenti</p>
@ -259,21 +258,20 @@ export const InventoryDashboard = () => {
{tags.map(tag => { {tags.map(tag => {
console.log(tag); console.log(tag);
return <Badge return <Badge
key={tag._id} key={tag._id}
variant="outline" variant="outline"
className={`cursor-pointer transition-all ${ className={`cursor-pointer transition-all ${selectedTagIds.includes(tag._id)
selectedTagIds.includes(tag._id) ? 'bg-blue-100 border-blue-300'
? 'bg-blue-100 border-blue-300' : 'hover:bg-gray-100'
: 'hover:bg-gray-100' }`}
}`} onClick={() => toggleTagFilter(tag._id)}
onClick={() => toggleTagFilter(tag._id)} >
> <div
<div className="w-3 h-3 rounded-full mr-2"
className="w-3 h-3 rounded-full mr-2" style={{ backgroundColor: tag.color }}
style={{ backgroundColor: tag.color }} />
/> {tag.name}
{tag.name} </Badge>
</Badge>
})} })}
</div> </div>
</div> </div>
@ -332,15 +330,15 @@ export const InventoryDashboard = () => {
<div className="flex flex-wrap gap-1"> <div className="flex flex-wrap gap-1">
{item.tags.map(tag => ( {item.tags.map(tag => (
<Badge <Badge
key={tag._id} key={tag._id}
variant="outline" variant="outline"
> >
<div <div
className="w-3 h-3 rounded-full mr-2" className="w-3 h-3 rounded-full mr-2"
style={{ backgroundColor: tag.color }} style={{ backgroundColor: tag.color }}
/> />
{tag.name} {tag.name}
</Badge> </Badge>
))} ))}
</div> </div>
</TableCell> </TableCell>

5
frontend/src/components/LoginForm.tsx
View file

@ -6,6 +6,7 @@ import { Card, CardContent, CardDescription, CardHeader, CardTitle } from '@/com
import { Tabs, TabsContent, TabsList, TabsTrigger } from '@/components/ui/tabs'; import { Tabs, TabsContent, TabsList, TabsTrigger } from '@/components/ui/tabs';
import { useAuth } from '@/hooks/useAuth'; import { useAuth } from '@/hooks/useAuth';
import { useToast } from '@/hooks/use-toast'; import { useToast } from '@/hooks/use-toast';
import logo from '@/assets/logo.png'; // Adjust the path as necessary
export const LoginForm = () => { export const LoginForm = () => {
const [isLoading, setIsLoading] = useState(false); const [isLoading, setIsLoading] = useState(false);
@ -67,9 +68,7 @@ export const LoginForm = () => {
<div className="min-h-screen bg-gradient-to-br from-slate-900 via-blue-900 to-slate-800 flex items-center justify-center p-4"> <div className="min-h-screen bg-gradient-to-br from-slate-900 via-blue-900 to-slate-800 flex items-center justify-center p-4">
<Card className="w-full max-w-md shadow-2xl border-0 bg-white/95 backdrop-blur"> <Card className="w-full max-w-md shadow-2xl border-0 bg-white/95 backdrop-blur">
<CardHeader className="text-center pb-2"> <CardHeader className="text-center pb-2">
<div className="w-16 h-16 bg-gradient-to-br from-blue-600 to-green-500 rounded-2xl mx-auto mb-4 flex items-center justify-center"> <img src={logo} alt="Hackinpovo Logo" className="w-16 h-16 mx-auto mb-4 rounded-2xl" />
<span className="text-white font-bold text-xl">HIP</span>
</div>
<CardTitle className="text-2xl bg-gradient-to-r from-blue-600 to-green-500 bg-clip-text text-transparent"> <CardTitle className="text-2xl bg-gradient-to-r from-blue-600 to-green-500 bg-clip-text text-transparent">
Inventario Hackinpovo Inventario Hackinpovo
</CardTitle> </CardTitle>