Fw16 087 day5

client/src/App.js

@@ -7,20 +7,24 @@ import Header from './components/Hedear/Header';
 import Usecase from './pages/UsecasePage/Usecase';
 import { PricingPage } from './pages/Pricing_Page/PricingPage';
 import Signup from "./pages/Signup/Signup.jsx"
-
+import Teamdisplay from './pages/Teams/Teamdisplay';
+import AddTeam from './pages/Teams/AddTeam.jsx'
 function App() {
   return (
     <div className='App'>
-      <Header />
+      {/* <Header /> */}
       <Routes>
         <Route path='/' element={<Homepage />} />
         <Route path='/signin' element={<Signin />} />
         <Route path='/signup' element={<Signup />} />
         <Route path='/usecase' element={<Usecase />} />
-        <Route path='/pricing' element={<PricingPage />} />
+        <Route path='/pricing' element={<PricingPage />} /> 
+        <Route path="/team"  element = {<Teamdisplay/>} />
+        <Route path ="/team/add" element ={<AddTeam/>} />
+
       </Routes>
 
-      <Footer />
+      {/* <Footer /> */}
     </div>
   );
 }

client/src/pages/Teams/AddTeam.jsx

@@ -7,6 +7,9 @@ import {
 
 const AddTeam = () => {
   return (
+
+    <>
+
     <Box w="85%" border="1px solid">
       <Box w="48%" m="auto">
         <Heading fontWeight="500" mt="30">
@@ -27,6 +30,7 @@ const AddTeam = () => {
         </FormControl>
       </Box>
     </Box>
+    </>
   );
 };
 

client/src/pages/Teams/Teamdisplay.jsx

@@ -15,16 +15,28 @@ import {
   Tbody,
 } from "@chakra-ui/react";
 import { AddIcon, ArrowUpIcon, ExternalLinkIcon, EditIcon } from "@chakra-ui/icons";
+import { useNavigate } from "react-router";
+import Sidebar from "../sidebar/Sidebar";
+
+
 
 const Teamdisplay = () => {
+  const Nevigete = useNavigate()
   return (
-    <Box width="85%" p="5">
+    <>
+    <div  style={{display:"flex",justifyContent:"space-between"}}>
+ <div>
+  {<Sidebar/>}
+ </div>
+ <div  style={{marginTop:"0px"}}>
+
+ <Box width="100%" p="" m="15px  200px 0px  0px">
       <Flex>
         <Heading size="xl" fontWeight="500">
           Team members
         </Heading>
         <Spacer />
-        <Button colorScheme="blue" leftIcon={<AddIcon />}>
+        <Button colorScheme="blue"  onClick={()=>{Nevigete("/team/add")}} leftIcon={<AddIcon />}>
           New Team Member
         </Button>
       </Flex>
@@ -61,6 +73,10 @@ const Teamdisplay = () => {
         </Table>
       </TableContainer>
     </Box>
+  </div>
+    </div>
+
+    </>
   );
 };
 

server/project/route/clientsRoute.js

@@ -13,6 +13,20 @@ clientRouter.post("/clientpost",async(req,res)=>{
     await  client.save()
     res.send(" client are add")
 
+})
+clientRouter.get('/:id',async(req,res)=>{
+    res.setHeader("content-type","application/json")
+         console.log(req.params.id)
+    try {
+
+        const data =  await clientModel.findOne({_id:req.params.id})
+        console.log(data)
+         return res.status(200).json(data)
+       }catch(error){
+         res.status(404).json(error) 
+
+     }
+
 })
 clientRouter.get("/clientdata", async(req,res)=>{
     res.setHeader("content-type","application/json")
@@ -26,5 +40,29 @@ clientRouter.get("/clientdata", async(req,res)=>{
 
      }
 })
+clientRouter.put("/:id", async(req,res)=>{
+    res.setHeader("content-type","application/json")
+    const user = req.body
+     console.log("1",user)
+    const edditUser = new clientModel(user)
+    try {
+
+          await User.updateOne({_id:req.params.id},edditUser)
+          console.log("1",edditUser)
+          return res.status(201).json(edditUser)
+    } catch(error){
+        res.status(409).json(error) 
+    } 
+})
+ routclientRouter.delete("/:id", async(req,res)=>{
+    res.setHeader("content-type","application/json")
+     try {
+         await clientModel.deleteOne({_id:req.params.id})
+         return res.status(200).json("delete success")
+     } catch(error){
+         res.status(409).json(error) 
+     }
+ })
+
 
 module.exports = clientRouter

server/project/route/teamRoute.js

@@ -24,4 +24,45 @@ Team.post("/teamMemberpost" , async(req,res)=>{
      }
 
  })
+
+
+
+Team.get('/:id',async(req,res)=>{
+    res.setHeader("content-type","application/json")
+         console.log(req.params.id)
+    try {
+
+        const data =  await TeamMeamber.findOne({_id:req.params.id})
+        console.log(data)
+         return res.status(200).json(data)
+       }catch(error){
+         res.status(404).json(error) 
+
+     }
+
+})
+Team.put("/:id", async(req,res)=>{
+    res.setHeader("content-type","application/json")
+    const user = req.body
+     console.log("1",user)
+    const edditUser = new TeamMeamber(user)
+    try {
+
+          await TeamMeamber.updateOne({_id:req.params.id},edditUser)
+          console.log("1",edditUser)
+          return res.status(201).json(edditUser)
+    } catch(error){
+        res.status(409).json(error) 
+    } 
+})
+ Team.delete("/:id", async(req,res)=>{
+    res.setHeader("content-type","application/json")
+     try {
+         await TeamMeamber.deleteOne({_id:req.params.id})
+         return res.status(200).json("delete success")
+     } catch(error){
+         res.status(409).json(error) 
+     }
+ })
+
 module.exports =Team