Merge pull request #4674 from OneCommunityGlobal/Akshith-prdashboard-fix-cssfile

Akshith - PR Admin Dashboard: Change .css to .module.css in /pr-dashboard

Author: one-community

src/components/PRDashboard.jsx …c/components/PRDashboard/PRDashboard.jsxsrc/components/PRDashboard.jsx renamed to src/components/PRDashboard/PRDashboard.jsx src/components/PRDashboard.jsx renamed to src/components/PRDashboard/PRDashboard.jsx

@@ -1,4 +1,5 @@
 import hasPermission from '~/utils/permissions';
+import styles from './PRDashboard.module.css';
 
 function PRDashboard({ authUser }) {
   if (!hasPermission('accessPRTeamDashboard', authUser?.permissions)) {
@@ -7,7 +8,7 @@ function PRDashboard({ authUser }) {
 
   return (
     <div>
-      <h1>PR Team Dashboard</h1>
+      <h1 className={`${styles.prdashcontainer}`}>PR Team Dashboard</h1>
       {/* actual dashboard content */}
     </div>
   );

src/components/PRDashboard/PRDashboard.module.css

@@ -0,0 +1,3 @@
+.prdashcontainer {
+  padding: 2rem;
+}

src/routes.jsx

@@ -20,7 +20,7 @@ import Timelog from './components/Timelog';
 import UserProfileEdit from './components/UserProfile/UserProfileEdit';
 import EditableInfoModal from './components/UserProfile/EditableModal/EditableInfoModal';
 import RoleInfoCollections from './components/UserProfile/EditableModal/RoleInfoModal';
-import PRDashboard from './components/PRDashboard';
+import PRDashboard from './components/PRDashboard/PRDashboard';
 import ApplicationTimeChartPage from './components/ApplicationTimeChart';
 import ApplicantsChart from './components/ApplicantsChart';
 import ApplicationAnalyticsContainer from './components/ApplicationAnalytics';