sozsoft/erp-platform
1
0
Fork 0
Code Issues 6 Pull requests Projects 3 Releases Packages Wiki Activity Actions

Intranet düzeltmeleri

Browse source
This commit is contained in:
Sedat Öztürk 2025-10-19 10:49:12 +03:00
parent e8093784e0
commit 33324aa456
2 changed files with 67 additions and 67 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

132
ui/src/components/intranet/IntranetDashboard/index.tsx
View file

@ -298,36 +298,36 @@ const IntranetDashboard: React.FC = () => {
{/* Bugün Doğanlar */} {/* Bugün Doğanlar */}
<div className="bg-gradient-to-br from-pink-50 to-purple-50 dark:from-pink-900/20 dark:to-purple-900/20 rounded-lg shadow-sm border border-pink-200 dark:border-pink-800"> <div className="bg-gradient-to-br from-pink-50 to-purple-50 dark:from-pink-900/20 dark:to-purple-900/20 rounded-lg shadow-sm border border-pink-200 dark:border-pink-800">
<div className="p-6"> <div className="p-6 border-b border-pink-200 dark:border-pink-700">
<h2 className="text-lg font-semibold text-gray-900 dark:text-white flex items-center gap-2 mb-4"> <h2 className="text-lg font-semibold text-gray-900 dark:text-white flex items-center gap-2">
🎂 Bugün Doğanlar 🎂 Bugün Doğanlar
</h2> </h2>
</div>
<div className="p-4 space-y-3">
{todayBirthdays.length > 0 ? ( {todayBirthdays.length > 0 ? (
<div className="space-y-3"> todayBirthdays.map((birthday, index) => (
{todayBirthdays.map((birthday, index) => ( <div
<div key={index}
key={index} className="flex items-center gap-3 p-3 bg-white/50 dark:bg-gray-800/50 rounded-lg"
className="flex items-center gap-3 p-3 bg-white/50 dark:bg-gray-800/50 rounded-lg" >
> <img
<img src={birthday.employee.avatar}
src={birthday.employee.avatar} alt={birthday.employee.fullName}
alt={birthday.employee.fullName} className="w-12 h-12 rounded-full border-2 border-pink-300 dark:border-pink-700"
className="w-12 h-12 rounded-full border-2 border-pink-300 dark:border-pink-700" />
/> <div className="flex-1">
<div className="flex-1"> <p className="text-sm font-semibold text-gray-900 dark:text-white">
<p className="text-sm font-semibold text-gray-900 dark:text-white"> {birthday.employee.fullName}
{birthday.employee.fullName} </p>
</p> <p className="text-xs text-gray-600 dark:text-gray-400">
<p className="text-xs text-gray-600 dark:text-gray-400"> {birthday.age} yaşında 🎉
{birthday.age} yaşında 🎉 </p>
</p> <p className="text-xs text-gray-500 dark:text-gray-500 mt-1">
<p className="text-xs text-gray-500 dark:text-gray-500 mt-1"> {birthday.employee.department?.name || 'Genel'}
{birthday.employee.department?.name || 'Genel'} </p>
</p>
</div>
</div> </div>
))} </div>
</div> ))
) : ( ) : (
<p className="text-sm text-gray-500 dark:text-gray-400 text-center py-4"> <p className="text-sm text-gray-500 dark:text-gray-400 text-center py-4">
Bugün doğan yok Bugün doğan yok
@ -417,29 +417,29 @@ const IntranetDashboard: React.FC = () => {
{/* Doğum Günleri */} {/* Doğum Günleri */}
{weekBirthdays.length > 0 && ( {weekBirthdays.length > 0 && (
<div className="bg-gradient-to-br from-purple-50 to-pink-50 dark:from-purple-900/20 dark:to-pink-900/20 rounded-lg shadow-sm border border-purple-200 dark:border-purple-800"> <div className="bg-gradient-to-br from-purple-50 to-pink-50 dark:from-purple-900/20 dark:to-pink-900/20 rounded-lg shadow-sm border border-purple-200 dark:border-purple-800">
<div className="p-6"> <div className="p-6 border-b border-purple-200 dark:border-purple-700">
<h2 className="text-lg font-semibold text-gray-900 dark:text-white flex items-center gap-2 mb-4"> <h2 className="text-lg font-semibold text-gray-900 dark:text-white flex items-center gap-2">
🎂 Bu Hafta Doğanlar 🎂 Bu Hafta Doğanlar
</h2> </h2>
<div className="space-y-3"> </div>
{weekBirthdays.map((birthday, index) => ( <div className="p-4 space-y-3">
<div key={index} className="flex items-center gap-3"> {weekBirthdays.map((birthday, index) => (
<img <div key={index} className="flex items-center gap-3">
src={birthday.employee.avatar} <img
alt={birthday.employee.fullName} src={birthday.employee.avatar}
className="w-10 h-10 rounded-full border-2 border-purple-200 dark:border-purple-700" alt={birthday.employee.fullName}
/> className="w-10 h-10 rounded-full border-2 border-purple-200 dark:border-purple-700"
<div className="flex-1"> />
<p className="text-sm font-medium text-gray-900 dark:text-white"> <div className="flex-1">
{birthday.employee.fullName} <p className="text-sm font-medium text-gray-900 dark:text-white">
</p> {birthday.employee.fullName}
<p className="text-xs text-gray-600 dark:text-gray-400"> </p>
{dayjs(birthday.date).format('DD MMMM')} • {birthday.age} yaşında <p className="text-xs text-gray-600 dark:text-gray-400">
</p> {dayjs(birthday.date).format('DD MMMM')} • {birthday.age} yaşında
</div> </p>
</div> </div>
))} </div>
</div> ))}
</div> </div>
</div> </div>
)} )}
@ -447,29 +447,29 @@ const IntranetDashboard: React.FC = () => {
{/* İş Yıldönümleri */} {/* İş Yıldönümleri */}
{monthAnniversaries.length > 0 && ( {monthAnniversaries.length > 0 && (
<div className="bg-gradient-to-br from-blue-50 to-cyan-50 dark:from-blue-900/20 dark:to-cyan-900/20 rounded-lg shadow-sm border border-blue-200 dark:border-blue-800"> <div className="bg-gradient-to-br from-blue-50 to-cyan-50 dark:from-blue-900/20 dark:to-cyan-900/20 rounded-lg shadow-sm border border-blue-200 dark:border-blue-800">
<div className="p-6"> <div className="p-6 border-b border-blue-200 dark:border-blue-700">
<h2 className="text-lg font-semibold text-gray-900 dark:text-white flex items-center gap-2 mb-4"> <h2 className="text-lg font-semibold text-gray-900 dark:text-white flex items-center gap-2">
🎉 İş Yıldönümleri 🎉 İş Yıldönümleri
</h2> </h2>
<div className="space-y-3"> </div>
{monthAnniversaries.map((anniversary, index) => ( <div className="p-4 space-y-3">
<div key={index} className="flex items-center gap-3"> {monthAnniversaries.map((anniversary, index) => (
<img <div key={index} className="flex items-center gap-3">
src={anniversary.employee.avatar} <img
alt={anniversary.employee.fullName} src={anniversary.employee.avatar}
className="w-10 h-10 rounded-full border-2 border-blue-200 dark:border-blue-700" alt={anniversary.employee.fullName}
/> className="w-10 h-10 rounded-full border-2 border-blue-200 dark:border-blue-700"
<div className="flex-1"> />
<p className="text-sm font-medium text-gray-900 dark:text-white"> <div className="flex-1">
{anniversary.employee.fullName} <p className="text-sm font-medium text-gray-900 dark:text-white">
</p> {anniversary.employee.fullName}
<p className="text-xs text-gray-600 dark:text-gray-400"> </p>
{anniversary.years} yıldır bizimle! 🎊 <p className="text-xs text-gray-600 dark:text-gray-400">
</p> {anniversary.years} yıldır bizimle! 🎊
</div> </p>
</div> </div>
))} </div>
</div> ))}
</div> </div>
</div> </div>
)} )}

2
ui/src/mocks/mockIntranetData.ts
View file

@ -606,7 +606,7 @@ export const mockDocuments: Document[] = [
export const mockBirthdays: Birthday[] = [ export const mockBirthdays: Birthday[] = [
{ {
employee: mockEmployees[0], employee: mockEmployees[0],
date: new Date('1990-10-19'), // Bugün date: new Date('1990-10-20'), // Bugün
age: 35, age: 35,
}, },
{ {