// ** MUI Imports import Box from '@mui/material/Box' import Card from '@mui/material/Card' import Grid from '@mui/material/Grid' import Avatar from '@mui/material/Avatar' import { styled } from '@mui/material/styles' import TimelineDot from '@mui/lab/TimelineDot' import TimelineItem from '@mui/lab/TimelineItem' import CardHeader from '@mui/material/CardHeader' import Typography from '@mui/material/Typography' import CardContent from '@mui/material/CardContent' import TimelineContent from '@mui/lab/TimelineContent' import TimelineSeparator from '@mui/lab/TimelineSeparator' import TimelineConnector from '@mui/lab/TimelineConnector' import MuiTimeline, { TimelineProps } from '@mui/lab/Timeline' // ** Types import { InvoiceType } from 'src/types/apps/invoiceTypes' // ** Demo Component Imports import UsersInvoiceListTable from 'src/views/apps/user/view/UsersInvoiceListTable' import UsersProjectListTable from 'src/views/apps/user/view/UsersProjectListTable' import Image from 'next/image' interface Props { invoiceData: InvoiceType[] } // Styled Timeline component const Timeline = styled(MuiTimeline)(({ theme }) => ({ margin: 0, padding: 0, marginLeft: theme.spacing(0.75), '& .MuiTimelineItem-root': { '&:before': { display: 'none' }, '&:last-child': { minHeight: 60 } } })) const UserViewOverview = ({ invoiceData }: Props) => { return ( User login 12 min ago User login at 2:12pm Meeting with John 45 min ago React Project meeting with John @10:15am Leona Watkins (Client) CEO of Watkins Group Create a new react project for client 2 day ago Add files to new design folder Create invoices for client 12 min ago Create new invoices and send to Leona Watkins invoice.pdf invoice.pdf ) } export default UserViewOverview