This commit is contained in:
@@ -1,4 +1,5 @@
|
||||
import { LinkifiedText } from '../../../lib/linkified-text';
|
||||
import { useTranslation } from 'react-i18next';
|
||||
|
||||
interface OutputTabProps {
|
||||
outputPreviewName: string;
|
||||
@@ -7,12 +8,13 @@ interface OutputTabProps {
|
||||
}
|
||||
|
||||
export function OutputTab({ outputPreviewName, outputPreviewContent, onViewFull }: OutputTabProps) {
|
||||
const { t } = useTranslation('detail');
|
||||
return (
|
||||
<div className="bg-canvas border border-slate-200 rounded-xl p-4 shadow-sm">
|
||||
<div className="flex justify-between items-center mb-2">
|
||||
<div className="font-bold text-[13px] text-slate-800">成果物プレビュー</div>
|
||||
<div className="font-bold text-[13px] text-slate-800">{t('output.title')}</div>
|
||||
{outputPreviewName && (
|
||||
<button onClick={onViewFull} className="text-2xs text-blue-600 font-bold hover:underline">全文</button>
|
||||
<button onClick={onViewFull} className="text-2xs text-blue-600 font-bold hover:underline">{t('output.viewFull')}</button>
|
||||
)}
|
||||
</div>
|
||||
{outputPreviewName ? (
|
||||
@@ -28,7 +30,7 @@ export function OutputTab({ outputPreviewName, outputPreviewContent, onViewFull
|
||||
/>
|
||||
</>
|
||||
) : (
|
||||
<div className="text-[13px] text-slate-500">まだ成果物が生成されていません。</div>
|
||||
<div className="text-[13px] text-slate-500">{t('output.empty')}</div>
|
||||
)}
|
||||
</div>
|
||||
);
|
||||
|
||||
Reference in New Issue
Block a user