Krow/krow_talent_app
3
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Update Owliver language and suggestions

Browse Source
This commit is contained in:
Aravind
2026-10-07 19:15:44 +05:30
parent 8ac4e1ee88
commit 81e5979f8f
156 changed files with 7330 additions and 1755 deletions
Download Patch File Download Diff File Expand all files Collapse all files

18
src/components/krow/ActivityLogTable.tsx
View File

@@ -1,6 +1,7 @@
import type { UserActivity } from '@/types/entities';
import React, { useState } from 'react';
import { Search } from 'lucide-react';
import { useTranslation } from 'react-i18next';
const EVENT_LABELS = {
signup: 'Sign Up',
@@ -42,6 +43,7 @@ interface ActivityLogTableProps {
}
export default function ActivityLogTable({ activities }: ActivityLogTableProps) {
const { t } = useTranslation();
const [filter, setFilter] = useState('all');
const [search, setSearch] = useState('');
@@ -62,14 +64,14 @@ export default function ActivityLogTable({ activities }: ActivityLogTableProps)
return (
<div className="bg-white rounded-xl border border-[#E5E7EB] overflow-hidden">
<div className="p-4 border-b border-[#E5E7EB] flex flex-col sm:flex-row gap-3 sm:items-center justify-between">
<h3 className="text-[14px] font-semibold text-[#111827]">Activity Log</h3>
<h3 className="text-[14px] font-semibold text-[#111827]">{t('activityLogTable.activityLog')}</h3>
<div className="flex gap-2">
<div className="relative">
<Search className="absolute left-2.5 top-1/2 -translate-y-1/2 w-3.5 h-3.5 text-[#9CA3AF]" />
<input
value={search}
onChange={(e) => setSearch(e.target.value)}
placeholder="Search user..."
placeholder={t('activityLogTable.searchUser')}
className="pl-8 pr-3 h-8 text-[12px] rounded-md border border-[#E5E7EB] focus:border-[#2563EB] focus:outline-none w-40"
/>
</div>
@@ -90,18 +92,18 @@ export default function ActivityLogTable({ activities }: ActivityLogTableProps)
<table className="w-full min-w-[40rem] text-[13px]">
<thead className="bg-[#F9FAFB] text-[#6B7280]">
<tr>
<th className="text-left font-medium px-4 py-2.5">Event</th>
<th className="text-left font-medium px-4 py-2.5">User</th>
<th className="text-left font-medium px-4 py-2.5">Role</th>
<th className="text-left font-medium px-4 py-2.5">Details</th>
<th className="text-left font-medium px-4 py-2.5">Time</th>
<th className="text-left font-medium px-4 py-2.5">{t('activityLogTable.event')}</th>
<th className="text-left font-medium px-4 py-2.5">{t('activityLogTable.user')}</th>
<th className="text-left font-medium px-4 py-2.5">{t('activityLogTable.role')}</th>
<th className="text-left font-medium px-4 py-2.5">{t('activityLogTable.details')}</th>
<th className="text-left font-medium px-4 py-2.5">{t('activityLogTable.time')}</th>
</tr>
</thead>
<tbody className="divide-y divide-[#F3F4F6]">
{filtered.length === 0 ? (
<tr>
<td colSpan={5} className="text-center py-8 text-[#9CA3AF]">
No activity found
{t('activityLogTable.noActivityFound')}
</td>
</tr>
) : (