rohit/probo
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Change "Add a people" button style

Browse Source 
Signed-off-by: gearnode <bryan@frimin.fr>
This commit is contained in:
gearnode
2025-02-20 11:06:08 +01:00
parent daa408e562
commit 6898e760ac
1 changed files with 11 additions and 14 deletions
Download Patch File Download Diff File Expand all files Collapse all files

25
apps/console/src/pages/PeopleListPage.tsx
View File

@@ -10,7 +10,7 @@ import {
import { useSearchParams } from "react-router"; import { useSearchParams } from "react-router";
import { Avatar, AvatarFallback, AvatarImage } from "@/components/ui/avatar"; import { Avatar, AvatarFallback, AvatarImage } from "@/components/ui/avatar";
import { Badge } from "@/components/ui/badge"; import { Badge } from "@/components/ui/badge";
import { CircleUser, Globe, Shield, Trash2, ChevronRight } from "lucide-react"; import { UserPlus, Trash2, ChevronRight } from "lucide-react";
import { Button } from "@/components/ui/button"; import { Button } from "@/components/ui/button";
import { Link } from "react-router"; import { Link } from "react-router";
import { Helmet } from "react-helmet-async"; import { Helmet } from "react-helmet-async";
@@ -156,23 +156,20 @@ function PeopleListContent({
return ( return (
<div className="space-y-6"> <div className="space-y-6">
<div> <div>
<h2 className="text-2xl font-semibold mb-1">People</h2> <h2 className="text-2xl font-semibold mb-1">Employees</h2>
<p className="text-muted-foreground"> <p className="text-muted-foreground">
Manage your organization's people. Keep track of your company's workforce and their progress towards completing tasks assigned to them.
</p> </p>
</div> </div>
{/* Add Person Section */} <div className="flex items-center justify-between">
<div className="rounded-xl border bg-card p-4"> <p className="text-muted-foreground">1 people needs to get onboarded</p>
<div className="flex items-center gap-2 mb-4"> <Button asChild variant="outline" style={{borderRadius: "0.5rem"}} className="gap-2">
<CircleUser className="h-5 w-5" /> <Link to="/peoples/create">
<h3 className="font-medium">Add a person</h3> <UserPlus className="h-4 w-4" />
</div> Add a people
<div className="flex gap-2"> </Link>
<Button asChild className="w-full" variant="secondary"> </Button>
<Link to="/peoples/create">Create People</Link>
</Button>
</div>
</div> </div>
<div className="space-y-2"> <div className="space-y-2">