I'll remove the "My Jobs" tab section and the stats cards from the Create Job interface to clean up the dashboard:
Perfect! I've cleaned up the Create Job interface by removing:
The interface is now much cleaner and more focused on the core job management functionality!
import { IconAnalyze, IconEdit, IconHome, IconList, IconPackage, IconShare } from '@tabler/icons-react';
import JobListing from './components/job-listing';
import RecruitmentAnalytics from './components/analytics';
import SocialSharing from './components/social-sharing';
import Breadcrumb from '@/components/BreadCrumb';
import ObjectListLayout from '@/components/Layouts/ObjectListLayout';
import { toast } from 'react-toastify';
import HRDashboardOverview from './components/dashboard-overview';
export default function HumanResourceLayout() {
// const { loading, setLoading } = useState(boolean());
const handleNext = () => {
toast.success('Moved to the next tab!');
};
const handleFinish = () => {
toast.success('HR management completed!');
};
const hrTabs = [
{
label: 'Dashboard',
content: <HRDashboardOverview />,
contentTitle: 'HR Dashboard',
icon: <IconHome />,
},
{
label: 'Job Postings',
content: <JobListing />,
contentTitle: 'Manage Job Postings',
icon: <IconList />,
},
{
label: 'Analytics',
content: <RecruitmentAnalytics />,
contentTitle: 'Recruitment Analytics',
icon: <IconAnalyze />,
},
{
label: 'Social Sharing',
content: <SocialSharing />,
contentTitle: 'Social Media Promotion',
icon: <IconShare />,
},
];
return (
<div className="min-h-screen w-full bg-gray-50">
<Breadcrumb />
<ObjectListLayout tabs={hrTabs} tabMenuTitle="Job Recruitment" showNavigationButtons={true} onNext={handleNext} onFinish={handleFinish}/>
</div>
);
}
use this but make it more user friendly and more like frontend engineer or designer ensure there responsiveness
I'll create a modern, user-friendly HR layout with better design patterns and full responsiveness. Let me build this with a clean, professional interface:
Perfect! I've created a modern, user-friendly HR layout with professional design patterns and full responsiveness. Here are the key improvements:
The layout now provides a modern, professional experience that's both functional and visually appealing across all device sizes!
use htis exactly here for sidebar
but include your custom sidebar to look good
import { IconAnalyze, IconEdit, IconHome, IconList, IconPackage, IconShare } from '@tabler/icons-react';
import JobListing from './components/job-listing';
import RecruitmentAnalytics from './components/analytics';
import SocialSharing from './components/social-sharing';
import Breadcrumb from '@/components/BreadCrumb';
import ObjectListLayout from '@/components/Layouts/ObjectListLayout';
import { toast } from 'react-toastify';
import HRDashboardOverview from './components/dashboard-overview';
export default function HumanResourceLayout() {
// const { loading, setLoading } = useState(boolean());
const handleNext = () => {
toast.success('Moved to the next tab!');
};
const handleFinish = () => {
toast.success('HR management completed!');
};
const hrTabs = [
{
label: 'Dashboard',
content: <HRDashboardOverview />,
contentTitle: 'HR Dashboard',
icon: <IconHome />,
},
{
label: 'Job Postings',
content: <JobListing />,
contentTitle: 'Manage Job Postings',
icon: <IconList />,
},
{
label: 'Analytics',
content: <RecruitmentAnalytics />,
contentTitle: 'Recruitment Analytics',
icon: <IconAnalyze />,
},
{
label: 'Social Sharing',
content: <SocialSharing />,
contentTitle: 'Social Media Promotion',
icon: <IconShare />,
},
];
return (
<div className="min-h-screen w-full bg-gray-50">
<Breadcrumb />
<ObjectListLayout tabs={hrTabs} tabMenuTitle="Job Recruitment" showNavigationButtons={true} onNext={handleNext} onFinish={handleFinish}/>
</div>
);
}