Merge branch 'development' into amalesh-linting-pr

Author: Amalesh-A

src/actions/dashboardActions.js

@@ -1,4 +1,5 @@
 export const INCREMENT_DASHBOARD_TASK_COUNT = 'INCREMENT_DASHBOARD_TASK_COUNT';
+export const UPDATE_SUMMARY_BAR_DATA = 'UPDATE_SUMMARY_BAR_DATA'
 
 export const incrementDashboardTaskCount = (taskId) => {
   console.log(`Dispatching incrementDashboardTaskCount for task ID: ${taskId}`);
@@ -7,3 +8,11 @@ export const incrementDashboardTaskCount = (taskId) => {
     payload: { taskId },
   };
 };
+
+export const updateSummaryBarData = ({summaryBarData}) => {
+  console.log(summaryBarData);
+  return {
+    type: UPDATE_SUMMARY_BAR_DATA,
+    payload: { summaryBarData },
+  };
+};

src/components/Collaboration/JobFormBuilder.css

@@ -79,10 +79,10 @@ h2 {
   margin-top: 15px;
 }
 
-input,
+/* input,
 textarea,
 select {
-  /* width: 95%; */
+  width: 95%;
   padding: 10px;
   margin-top: 5px;
   margin-bottom: 15px;
@@ -94,7 +94,7 @@ select {
 textarea {
   height: 80px;
   resize: vertical;
-}
+} */
 
 .new-field-section {
   background-color: #d9d9d9;
@@ -142,10 +142,10 @@ textarea {
   /* gap: 10px;  */
 }
 
-.field-options input,
+/* .field-options input,
 textarea {
   width: 95%;
-}
+} */
 
 /* Individual Option Item */
 .option-item {

src/components/CommunityPortal/CPDashboard.jsx

@@ -1,26 +1,11 @@
 import { useState, useEffect } from 'react';
-import {
-  Container,
-  Row,
-  Col,
-  Card,
-  CardBody,
-  Button,
-  Input,
-  Dropdown,
-  DropdownToggle,
-  DropdownMenu,
-  DropdownItem,
-} from 'reactstrap';
-import { useHistory } from 'react-router-dom'; // For React Router v5
+import { Container, Row, Col, Card, CardBody, Button, Input } from 'reactstrap';
 import './CPDashboard.css';
 import { FaCalendarAlt, FaMapMarkerAlt, FaUserAlt } from 'react-icons/fa';
 
 export function CPDashboard() {
   const [events, setEvents] = useState([]);
   const [search, setSearch] = useState('');
-  const [dropdownOpen, setDropdownOpen] = useState(false);
-  const history = useHistory(); // Use useHistory for navigation
 
   useEffect(() => {
     const mockEvents = [
@@ -52,12 +37,6 @@ export function CPDashboard() {
     setEvents(mockEvents);
   }, []);
 
-  const toggleDropdown = () => setDropdownOpen(!dropdownOpen);
-
-  const handleNavigation = path => {
-    history.push(path); // Navigate to the selected path
-  };
-
   return (
     <Container fluid className="dashboard-container">
       <header className="dashboard-header">
@@ -72,7 +51,7 @@ export function CPDashboard() {
               className="dashboard-search"
             />
           </div>
-          <Dropdown isOpen={dropdownOpen} toggle={toggleDropdown} className="community-dropdown">
+          {/* <Dropdown isOpen={dropdownOpen} toggle={toggleDropdown} className="community-dropdown">
             <DropdownToggle caret color="secondary">
               Community Portal
             </DropdownToggle>
@@ -82,7 +61,7 @@ export function CPDashboard() {
               <DropdownItem onClick={() => handleNavigation('/about')}>About Us</DropdownItem>
               <DropdownItem onClick={() => handleNavigation('/contact')}>Contact</DropdownItem>
             </DropdownMenu>
-          </Dropdown>
+          </Dropdown> */}
         </div>
       </header>
 

src/components/CommunityPortal/CPHeader/CPHeader.css

@@ -0,0 +1,64 @@
+.header-wrapper {
+  height: fit-content;
+  width: clamp(100vw, 0.1rem + 1vw, 100%);
+}
+
+.navbar {
+  z-index: 100;
+  white-space: nowrap;
+}
+
+.timer-message-section {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  width: 100%;
+  gap: 1rem;
+}
+
+.nav-links {
+  align-items: center;
+}
+
+.redBackGroupHeader {
+  z-index: 10;
+  bottom: 0;
+  right: 0;
+  position: relative;
+  height: 30px;
+  text-align: center;
+  vertical-align: middle;
+  background: #ff4d4f;
+  border-radius: 40px;
+  color: #fff;
+  padding: 3px 6px;
+  max-width: 39px;
+  font-size: 1rem;
+  min-width: 29px;
+}
+
+.owner-message {
+  margin-right: 3rem;
+}
+
+@media (max-width: 1500px) {
+  .dashboard-text-link {
+    font-size: 14px;
+  }
+
+  .owner-message {
+    margin-right: 0;
+  }
+}
+
+@media (max-width: 1400px) {
+  .timer-message-section {
+    display: flex;
+    width: 0;
+    margin-right: 0;
+  }
+
+  .owner-message {
+    display: none;
+  }
+}