You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
 
 
 
 

48 lines
2.6 KiB

import { User } from "@/types";
import { Link } from "@inertiajs/react";
import { PropsWithChildren } from "react";
import { Book, BookOpen, FileMinus } from "react-feather";
export default function RecentPages({ user }: PropsWithChildren<{ user: User }>) {
const thisUser = user;
return (
<div className="h-full w-full bg-neutral-10 shadow-md p-6 rounded-lg flex flex-col">
<p className="font-bold text-xl flex items-center"><BookOpen className="stroke-[#AAF683] mr-2" />Recently Viewed Pages</p>
<table className="table mt-2">
<tbody>
<tr className="hover:cursor-pointer hover:bg-secondary-background active:bg-primary-main active:text-white">
<td className='text-md leading-4 py-2 w-full'><Link href=''>
Page Title<br />
<span className="text-xs"><i>Subject Category</i></span>
</Link></td>
</tr>
<tr className="hover:cursor-pointer hover:bg-secondary-background active:bg-primary-main active:text-white">
<td className='text-md leading-4 py-2 w-full'><Link href=''>
Page Title<br />
<span className="text-xs"><i>Subject Category</i></span>
</Link></td>
</tr>
<tr className="hover:cursor-pointer hover:bg-secondary-background active:bg-primary-main active:text-white">
<td className='text-md leading-4 py-2 w-full'><Link href=''>
Page Title<br />
<span className="text-xs"><i>Subject Category</i></span>
</Link></td>
</tr>
<tr className="hover:cursor-pointer hover:bg-secondary-background active:bg-primary-main active:text-white">
<td className='text-md leading-4 py-2 w-full'><Link href=''>
Page Title<br />
<span className="text-xs"><i>Subject Category</i></span>
</Link></td>
</tr>
<tr className="hover:cursor-pointer hover:bg-secondary-background active:bg-primary-main active:text-white">
<td className='text-md leading-4 py-2 w-full'><Link href=''>
Page Title<br />
<span className="text-xs"><i>Subject Category</i></span>
</Link></td>
</tr>
</tbody>
</table>
</div>
)
}