Merge branch 'master' of http://gitlab.sliit.lk/23-064/23-064 into IT20030230

Frontend/frontend/src/App.css

 .App {
-  text-align: center;
+  /* text-align: center; */
 }
 
 .App-logo {

Frontend/frontend/src/App.js

@@ -12,28 +12,29 @@ import DirectorProfile from './director pages/DirectorProfile/DirectorProfile';
 import DirectorChat from './director pages/DirectorChat/DirectorChat';
 import DirectorRequest from './director pages/DirectorRequest/DirectorRequest';
 import Dashboard from './components/Dashboard';
+import FilmMarketing from './director pages/Film Marketing/Film-Marketing';
 
 function App() {
 
   return (
     <div>
-    <Router>
-      <div className="App">
-        <Routes>
-          <Route path="/" element={<Register />} />
-          <Route path="/login" element={<Login />} />
-          <Route path="/home" element={<Home />} />
-          <Route path="/profile" element={<Profile />} />
-          <Route path="/request" element={<Request />} />
-          <Route path="/chat" element={<Chat />} />
-          <Route path="/dhome" element={<DirectorHome />} />
-          <Route path="/dprofile" element={<DirectorProfile />} />
-          <Route path="/dchat" element={<DirectorChat />} />
-          <Route path="/drequest" element={<DirectorRequest />} />
-          
-        </Routes>
-      </div>
-    </Router>
+      <Router>
+        <div className="App">
+          <Routes>
+            <Route path="/" element={<Register />} />
+            <Route path="/login" element={<Login />} />
+            <Route path="/home" element={<Home />} />
+            <Route path="/profile" element={<Profile />} />
+            <Route path="/request" element={<Request />} />
+            <Route path="/chat" element={<Chat />} />
+            <Route path="/dhome" element={<DirectorHome />} />
+            <Route path="/dprofile" element={<DirectorProfile />} />
+            <Route path="/dchat" element={<DirectorChat />} />
+            <Route path="/drequest" element={<DirectorRequest />} />
+            <Route path="/film-marketing" element={<FilmMarketing />} />
+          </Routes>
+        </div>
+      </Router>
     </div>
   );
 }

Frontend/frontend/src/components/DirectorNavBar.js

@@ -103,6 +103,9 @@ export default function DirectorNavBar() {
           </NavLink>
           <NavLink to="/dprofile" className={classes.navLink} activeClassName="active">
             Profile
+          </NavLink>
+           <NavLink to="/film-marketing" className={classes.navLink} activeClassName="active">
+            Film Marketing
           </NavLink>
           {/* <Button
             variant="outlined"

Frontend/frontend/src/director pages/Film Marketing/Film-Marketing.jsx

+import React from "react";
+
+export default function FilmMarketing() {
+  return <div>Film-Marketing</div>;
+}