25 lines
805 B
TypeScript
25 lines
805 B
TypeScript
import {List, Space} from "@douyinfe/semi-ui"
|
|
import {Link} from "react-router-dom";
|
|
import {formatDate} from "../../../utils/date.ts";
|
|
import {AppModel} from "../../../model";
|
|
|
|
export const AppList = (props: {
|
|
list: AppModel[];
|
|
onItemClick?: (app: AppModel) => void;
|
|
}) => {
|
|
return (<div className="app-list-wrapper">
|
|
{props.list.map(it => (
|
|
<div key={it.id} className="list-link-item flex space-between" onClick={() =>{
|
|
props.onItemClick?.(it)
|
|
}}>
|
|
<Space className="space">
|
|
<span>{it.id}</span>
|
|
<span>{it.title}</span>
|
|
<span>{formatDate(it.create_time)}</span>
|
|
</Space>
|
|
<span>进入</span>
|
|
</div>
|
|
))}
|
|
</div>)
|
|
}
|