61574c847f
- Added @tailwindcss/postcss as a new dependency. - Updated tailwindcss to version 4.1.11 for enhanced features and performance. - Upgraded prettier-plugin-tailwindcss to version 0.6.13 for better formatting support. - Adjusted postcss.config.js to use the new Tailwind CSS plugin structure. - Removed the obsolete tailwind.config.js file as it is no longer needed.
36 lines
1.2 KiB
TypeScript
36 lines
1.2 KiB
TypeScript
import { useState } from 'react';
|
|
import { ViewMode } from 'gantt-task-react';
|
|
import 'gantt-task-react/dist/index.css';
|
|
import './project-view-roadmap.css';
|
|
import { Flex } from 'antd';
|
|
import { useAppSelector } from '../../../../hooks/useAppSelector';
|
|
import { TimeFilter } from './time-filter';
|
|
import RoadmapTable from './roadmap-table/roadmap-table';
|
|
import RoadmapGrantChart from './roadmap-grant-chart';
|
|
|
|
const ProjectViewRoadmap = () => {
|
|
const [view, setView] = useState<ViewMode>(ViewMode.Day);
|
|
|
|
// get theme details
|
|
const themeMode = useAppSelector(state => state.themeReducer.mode);
|
|
|
|
return (
|
|
<Flex vertical className={`${themeMode === 'dark' ? 'dark-theme' : ''}`}>
|
|
{/* time filter */}
|
|
<TimeFilter onViewModeChange={viewMode => setView(viewMode)} />
|
|
|
|
<Flex>
|
|
{/* table */}
|
|
<div className="after:content relative h-fit w-full max-w-[500px] after:absolute after:-right-3 after:top-0 after:z-10 after:min-h-full after:w-3 after:bg-linear-to-r after:from-[rgba(0,0,0,0.12)] after:to-transparent">
|
|
<RoadmapTable />
|
|
</div>
|
|
|
|
{/* gantt Chart */}
|
|
<RoadmapGrantChart view={view} />
|
|
</Flex>
|
|
</Flex>
|
|
);
|
|
};
|
|
|
|
export default ProjectViewRoadmap;
|