Page layout corrections and Publish Jobs UI

vaibhavjainwiz · Jun 4, 2021 · 762f1b0 · 762f1b0
1 parent 73cc169
commit 762f1b0
Show file tree

Hide file tree

Showing 6 changed files with 50 additions and 17 deletions.
diff --git a/config/declare.d.ts b/config/declare.d.ts
@@ -0,0 +1,10 @@
+declare module '*.svg' {
+    const content: string;
+    export default content;
+  }
+
+  declare module '*.png' {
+    const content1: string;
+    export default content1;
+  }
+
diff --git a/src/components/Templates/PageLayout/PageLayout.tsx b/src/components/Templates/PageLayout/PageLayout.tsx
@@ -1,8 +1,9 @@
-import { Nav, NavItem, NavList, Page, PageHeader, PageHeaderTools, PageSidebar, Switch } from '@patternfly/react-core';
+import { Nav, NavItem, NavList, Page, PageHeader, PageHeaderTools, PageSidebar } from '@patternfly/react-core';
 import React, { useState } from 'react';
-import { Link, Redirect, Route } from 'react-router-dom';
+import { Link, Redirect, Route, Switch } from 'react-router-dom';
 import ApplyJobPage from '../ApplyJobPage/ApplyJobPage';
 import PublishedJobPage from '../PublishedJobPage/PublishedJobPage';
+import EasyRecruitLogo from '../../../static/EasyRecruitLogo.svg';
 
 const PageLayout = (props) => {
     const { pathname } = props.location;
@@ -26,10 +27,11 @@ const PageLayout = (props) => {
         setIsNavOpen(!isNavOpen);
     };
     const pageId = 'main-content-page-layout-default-nav';
+    console.log('EasyRecruitLogo', EasyRecruitLogo)
 
     const Header = (
         <PageHeader
-            logo={''}
+            logo={EasyRecruitLogo}
             headerTools={
                 <PageHeaderTools>
                     {/* <aboutLogoContext.Provider value={BrandSrc}>

diff --git a/src/components/Templates/PublishedJobPage/PublishedJobPage.tsx b/src/components/Templates/PublishedJobPage/PublishedJobPage.tsx
@@ -1,27 +1,39 @@
 import React from "react";
 import { Component } from "react";
 import { PublishedJobTable } from "../../Organisms";
-import { Title, TitleSizes, Button, Divider } from '@patternfly/react-core';
+import { Title, TitleSizes, Button, PageSection, 
+    // Toolbar, ToolbarGroup, ToolbarContent, ToolbarItem 
+} from '@patternfly/react-core';
 
 class PublishedJobPage extends Component {
 
     render(){
         return (
             <div id='publishedJobView'>
                 <br/>
-                <React.Fragment>
+                <PageSection variant="light">
                     <Title headingLevel="h1" size={TitleSizes['4xl']}>
-                        Publish Job
+                        Publish Jobs
                     </Title>                    
-                    <Divider />
-                    <Button type="submit" >Create Job</Button>                                       
-                    <Divider />
-                    <Title headingLevel="h1" size={TitleSizes['3xl']}>
-                        View Publish Jobs
-                    </Title>                
-                    <Divider />
+                </PageSection>
+                {/* <Toolbar
+        id="data-toolbar-with-chip-groups"
+        className="pf-m-toggle-group-container"
+        collapseListedFiltersBreakpoint="md"
+        
+      >
+          <ToolbarContent>
+            <ToolbarGroup>
+                <ToolbarItem> */}
+                <Button type="submit" >Create Job</Button>              
+                {/* </ToolbarItem>
+            </ToolbarGroup>
+          </ToolbarContent>
+      </Toolbar> */}
+
+                <PageSection>
                     <PublishedJobTable/>
-                </React.Fragment>
+                </PageSection>
             </div>
         );
     }

diff --git a/src/index.html b/src/index.html
@@ -6,7 +6,8 @@
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <title>Document</title>
 </head>
-<body>
-    <div id='root'> </div>
+<body class="pf-m-redhat-font">
+    <noscript>Enabling JavaScript is required to run this app.</noscript>
+    <div id='root' style="height: 100%;"> </div>
 </body>
 </html>
diff --git a/src/static/EasyRecruitLogo.svg b/src/static/EasyRecruitLogo.svg
diff --git a/tsconfig.json b/tsconfig.json
@@ -16,7 +16,8 @@
       },
     "include": [
         "src/**/*.ts",
-        "src/**/*.tsx"
+        "src/**/*.tsx",
+        "./config/declare.d.ts"
     ],
     "exclude": [
         "node_modules"