WrenchBoard/WrenchBoardMainSite
2
0
Fork 0
Code Issues Pull Requests 1 Releases Activity

sticky nav changed to enable hidden logo to appear #23

Merged
tokslaw merged 1 commits from font-task into master 2023-08-15 20:18:50 +00:00
Conversation 0 Commits 1 Files Changed 11
+90 -19
11 changed files with 90 additions and 19 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/components/AboutUs/index.js
+3 -1
View File
@@ -9,13 +9,15 @@ import HeaderAbout from './HeaderAbout';
import HeroAbout from './HeroAbout';
import ServicesAbout from './ServicesAbout';
import TeamAbout from './TeamAbout';
import StickyHeaderNav from '../StickyHeader/StickyHeaderNav';
function AboutUs() {
const [drawer, drawerAction] = useToggle(false);
return (
<>
<Drawer drawer={drawer} action={drawerAction.toggle} />
<HeaderAbout drawer={drawer} action={drawerAction.toggle} />
<StickyHeaderNav action={drawerAction.toggle} />
{/* <HeaderAbout drawer={drawer} action={drawerAction.toggle} /> */}
<HeroAbout />
<ServicesAbout />
{/* <TeamAbout />*/}
src/components/Contact/index.js
+3 -1
View File
@@ -6,13 +6,15 @@ import Drawer from '../Mobile/Drawer';
import HeaderNews from '../News/HeaderNews';
import HeroNews from '../News/HeroNews';
import Forms from './Forms';
import StickyHeaderNav from '../StickyHeader/StickyHeaderNav';
function Contact() {
const [drawer, drawerAction] = useToggle(false);
return (
<>
<Drawer drawer={drawer} action={drawerAction.toggle} />
<HeaderNews drawer={drawer} action={drawerAction.toggle} />
<StickyHeaderNav action={drawerAction.toggle} />
{/* <HeaderNews drawer={drawer} action={drawerAction.toggle} /> */}
<HeroNews
title="Contact us"
breadcrumb={[
src/components/FAQ/Index.js
+3 -1
View File
@@ -7,6 +7,7 @@ import StickyMenu from '../../lib/StickyMenu';
import FAQService from '../Service/FAQServices';
import HeroNews from '../News/HeroNews';
import HeaderNews from '../News/HeaderNews';
import StickyHeaderNav from '../StickyHeader/StickyHeaderNav';
function FAQ() {
@@ -17,7 +18,8 @@ function FAQ() {
return (
<>
<Drawer drawer={drawer} action={drawerAction.toggle} />
<HeaderNews action={drawerAction.toggle} />
<StickyHeaderNav action={drawerAction.toggle} />
{/* <HeaderNews action={drawerAction.toggle} /> */}
<HeroNews
title="Frequently asked questions"
breadcrumb={[
src/components/HomeOne/index.js
+3 -1
View File
@@ -17,6 +17,7 @@ import TestimonialHomeOne from './TestimonialHomeOne';
import TrafficHomeTwo from './TrafficHomeTwo';
import WrenchBoardHome from './WrenchBoardHome';
import RecentJobsOne from './RecentJobsOne';
import StickyHeaderNav from '../StickyHeader/StickyHeaderNav';
//import BlogData from './../../Services/BlogData';
function HomeOne() {
@@ -26,7 +27,8 @@ function HomeOne() {
return (
<>
<Drawer drawer={drawer} action={drawerAction.toggle} />
<HomeOneHeader action={drawerAction.toggle} />
<StickyHeaderNav action={drawerAction.toggle} />
{/* <HomeOneHeader action={drawerAction.toggle} /> */}
<HeroHomeOne />
<ServicesHomeOne />
{/*<RecentJobsOne />*/}
src/components/News/SingleNews.js
+3 -1
View File
@@ -7,13 +7,15 @@ import Blog from './Blog';
import BlogSideBar from './BlogSideBar';
import HeaderNews from './HeaderNews';
import HeroNews from './HeroNews';
import StickyHeaderNav from '../StickyHeader/StickyHeaderNav';
function SingleNews() {
const [drawer, drawerAction] = useToggle(false);
return (
<>
<Drawer drawer={drawer} action={drawerAction.toggle} />
<HeaderNews action={drawerAction.toggle} />
<StickyHeaderNav action={drawerAction.toggle} />
{/* <HeaderNews action={drawerAction.toggle} /> */}
<HeroNews
title="Blog"
breadcrumb={[
src/components/News/index.js
+3 -1
View File
@@ -7,13 +7,15 @@ import Blogs from './Blogs';
import BlogSideBar from './BlogSideBar';
import HeaderNews from './HeaderNews';
import HeroNews from './HeroNews';
import StickyHeaderNav from '../StickyHeader/StickyHeaderNav';
function News() {
const [drawer, drawerAction] = useToggle(false);
return (
<>
<Drawer drawer={drawer} action={drawerAction.toggle} />
<HeaderNews action={drawerAction.toggle} />
<StickyHeaderNav action={drawerAction.toggle} />
{/* <HeaderNews action={drawerAction.toggle} /> */}
<HeroNews
title="Blogs"
breadcrumb={[
src/components/Service/Privacy.js
+6 -4
View File
@@ -9,17 +9,19 @@ import DetailsService from './DetailsService';
import HeaderService from './HeaderService';
import HeroService from './HeroService';
import DetailsPrivacy from './DetailsPrivacy';
import StickyHeaderNav from '../StickyHeader/StickyHeaderNav';
function Privacy() {
useEffect(() => {
StickyMenu();
});
// useEffect(() => {
// StickyMenu();
// });
const [drawer, drawerAction] = useToggle(false);
return (
<>
<Drawer drawer={drawer} action={drawerAction.toggle} />
<HeaderService action={drawerAction.toggle} />
<StickyHeaderNav action={drawerAction.toggle} />
{/* <HeaderService action={drawerAction.toggle} /> */}
<HeroService title="Privacy Policy" />
<DetailsPrivacy />
{/*<ProjectHomeOne />*/}
src/components/Service/Terms.js
+6 -4
View File
@@ -9,16 +9,18 @@ import DetailsService from './DetailsService';
import HeaderService from './HeaderService';
import HeroService from './HeroService';
import DetailsTerms from './DetailsTerms';
import StickyHeaderNav from '../StickyHeader/StickyHeaderNav';
function Terms() {
useEffect(() => {
StickyMenu();
});
// useEffect(() => {
// StickyMenu();
// });
const [drawer, drawerAction] = useToggle(false);
return (
<>
<Drawer drawer={drawer} action={drawerAction.toggle} />
<HeaderService action={drawerAction.toggle} />
<StickyHeaderNav action={drawerAction.toggle} />
{/* <HeaderService action={drawerAction.toggle} /> */}
<HeroService title="Terms of use" />
<DetailsTerms />
{/*<ProjectHomeOne />*/}
src/components/Service/index.js
+6 -4
View File
@@ -11,16 +11,18 @@ import HeroService from './HeroService';
import HeroNews from '../News/HeroNews';
import MissionStatement from "./MissionStatement";
import ServiceTopart from "./ServiceTopart";
import StickyHeaderNav from '../StickyHeader/StickyHeaderNav';
function Service() {
useEffect(() => {
StickyMenu();
});
// useEffect(() => {
// StickyMenu();
// });
const [drawer, drawerAction] = useToggle(false);
return (
<>
<Drawer drawer={drawer} action={drawerAction.toggle} />
<HeaderService action={drawerAction.toggle} />
<StickyHeaderNav action={drawerAction.toggle} />
{/* <HeaderService action={drawerAction.toggle} /> */}
{/* <HeroService title="Our Service to you" /> */}
<HeroNews
title="Services"
src/components/StickyHeader/StickyHeaderNav.js
+51
View File
@@ -0,0 +1,51 @@
import React, { useEffect } from 'react';
import logo from '../../assets/images/wrenchboard-logo-text.png';
import StickyMenu from '../../lib/StickyMenu';
import Navigation from '../Navigation';
function StickyHeaderNav({action}) {
useEffect(() => {
StickyMenu();
}, []);
return (
<header className="appie-header-area appie-sticky">
<div className="container">
<div className="header-nav-box">
<div className="row align-items-center">
<div className="col-lg-2 col-md-4 col-sm-5 col-6 order-1 order-sm-1">
<div className="appie-logo-box">
<a href="/">
<img src={logo} alt="WrenchBoard" />
</a>
</div>
</div>
<div className="col-lg-6 col-md-1 col-sm-1 order-3 order-sm-2">
<div className="appie-header-main-menu">
<Navigation />
</div>
</div>
<div className="col-lg-4 col-md-7 col-sm-6 col-6 order-2 order-sm-3">
<div className="appie-btn-box text-right">
<a className="login-btn" href={process.env.REACT_APP_DASH_URL_LOGIN}>
<i className="fal fa-user" /> Login
</a>
<a className="main-btn ml-30" href={process.env.REACT_APP_DASH_URL_SIGNUP}>
Get Started
</a>
<div
onClick={(e) => action(e)}
className="toggle-btn ml-30 canvas_open d-lg-none d-block"
>
<i className="fa fa-bars" />
</div>
</div>
</div>
</div>
</div>
</div>
</header>
);
}
export default StickyHeaderNav
src/components/UseCases/index.js
+3 -1
View File
@@ -7,13 +7,15 @@ import UseCase from './UseCase';
// import BlogSideBar from './BlogSideBar';
import HeaderNews from './HeaderNews';
import HeroNews from './HeroNews';
import StickyHeaderNav from '../StickyHeader/StickyHeaderNav';
function UseCases() {
const [drawer, drawerAction] = useToggle(false);
return (
<>
<Drawer drawer={drawer} action={drawerAction.toggle} />
<HeaderNews action={drawerAction.toggle} />
<StickyHeaderNav action={drawerAction.toggle} />
{/* <HeaderNews action={drawerAction.toggle} /> */}
<HeroNews
title="Use Cases"
breadcrumb={[