add document view layout

src/app/components/tanstak-table/TanstakTable.tsx

@@ -12,7 +12,7 @@ import {
 	ColumnFiltersState,
 	PaginationState
 } from '@tanstack/react-table';
-import { IconDoubleArrowRight, IconArrowRight, IconDoubleArrowLeft, IconArrowLeft, IconArrowUp, IconArrowDown, IconFilter, IconFileDownload, IconInfo, IconEye, IconCheck, IconImageFile } from '@/app/ui/icons/icons';
+import {IconDoubleArrowRight, IconArrowRight, IconDoubleArrowLeft, IconArrowLeft, IconArrowUp, IconArrowDown, IconFilter, IconFileDownload, IconInfo, IconEye, IconCheck, IconImageFile, IconLink} from '@/app/ui/icons/icons';
 import { useTranslations, useLocale } from 'next-intl';
 import DropDownList from '@/app/components/DropDownList';
 import { useQuery, useQueryClient } from '@tanstack/react-query';
@@ -572,6 +572,16 @@ export default function TanstakFilesTable({ fileType }: { fileType: string }) {
 							>
 								<IconEye />
 							</Link>
+							{row.original.fileType === 'document' && (
+								<Link
+									href={`/watch-doc?docid=${row.original.id}`}
+									className="bg-indigo-500 hover:bg-indigo-600"
+									title={t('view')}
+									target='_blank'
+								>
+									<IconLink />
+								</Link>
+							)}
 						</div>
 						<div className="actions-group">
 							{row.original.protectStatus === 'PROTECTED' && (