import { ImagePath } from "@/Constant";
import { TeamActivityTableBodyData } from "@/Data/General/Dashboards/OnlineCourse";
import { useAppSelector } from "@/Redux/Hooks";
import Link from "next/link";

const TeamActivityTableBody = () => {
  const { i18LangStatus } = useAppSelector((state) => state.langSlice);

  return (
    <>
      {TeamActivityTableBodyData.map((data, i) => (
        <tr key={i}>
          <td>
            <div className="team-activity">
              <div className="activity-data d-flex align-items-center gap-3">
                <div className="common-space gap-2 ">
                  <div className="user-activity me-3">
                    <img className="rounded-circle p-1 img-fluid me-3 img-50" src={`${ImagePath}/user/${data.image}`} alt="user" />
                    <Link className="f-10 f-w-500 username" href={`/${i18LangStatus}/profile/edit_profile`}>{data.name}</Link>
                  </div>
                  <div className="activity-time">
                    <span className="f-light f-w-500 f-10">{data.time}</span>
                  </div>
                </div>
                <div className="subtitle">
                  <p className="f-w-400 f-10">{data.activity}</p>
                </div>
              </div>
            </div>
          </td>
        </tr>
      ))}
    </>
  );
};

export default TeamActivityTableBody;