MIF_E31222881/resources/js/Components/features/documentation/DocComponents.js

39 lines
1.1 KiB
JavaScript

import { useEffect, useState } from "react"
import { useDispatch } from "react-redux"
import TitleCard from "../../components/Cards/TitleCard"
import { setPageTitle, showNotification } from "../common/headerSlice"
import DocComponentsNav from "./components/DocComponentsNav"
import ReadMe from "./components/GettingStartedContent"
import DocComponentsContent from "./components/DocComponentsContent"
import FeaturesNav from "./components/FeaturesNav"
import FeaturesContent from "./components/FeaturesContent"
function DocComponents(){
const dispatch = useDispatch()
useEffect(() => {
dispatch(setPageTitle({ title : "Documentation"}))
}, [])
return(
<>
<div className="bg-base-100 flex overflow-hidden rounded-lg" style={{height : "82vh"}}>
<div className="flex-none p-4">
<DocComponentsNav activeIndex={1}/>
</div>
<div className="grow pt-16 overflow-y-scroll">
<DocComponentsContent />
</div>
</div>
</>
)
}
export default DocComponents