?HAMA

Edit File Size: 4.71 KB

//proc/thread-self/root/home/byroehnu/easetack.com/resources/js/Frontend/Components/Header/SideHeader.js

Text Base64

import React from "react"
import { Link } from "@inertiajs/react"
import SocialWidget from "../Widget/SocialWidget"
import translate from "@/utils/translate"
import { Icon } from "@iconify/react"
import Newsletter from "../Widget/Newsletter"

export default function SideHeader({ sideHeaderToggle, setSideHeaderToggle, customize }) {
    return (
        <div className={`cs_side_header${sideHeaderToggle ? " active" : ""}`}>
            <button className="cs_close" onClick={() => setSideHeaderToggle(!sideHeaderToggle)} />
            <div className="cs_side_header_overlay" onClick={() => setSideHeaderToggle(!sideHeaderToggle)} />
            <div className="cs_side_header_in">
                {Boolean(Number(customize.sidebar.is_show_logo)) && (
                    <Link className="cs_site_branding" to="/" href="/">
                        <img src={customize?.general?.site_logo_dark} alt="Logo" />
                    </Link>
                )}
                {Boolean(Number(customize?.sidebar?.is_show_contact_info)) && (
                    <>
                        <div className="cs_side_header_box">
                            <h2 className="cs_side_header_heading">{translate("Do you have a project in your mind? Keep connect us.")}</h2>
                        </div>
                        <div className="cs_side_header_box">
                            <h3 className="cs_side_header_title cs_primary_color">{translate("Contact Us")}</h3>
                            <ul className="cs_side_header_contact_info cs_mp0">
                                {customize?.contact?.contact_phone_number && (
                                    <li>
                                        <i className="cs_center">
                                            <Icon icon="lucide:phone" width="20" height="20" />
                                        </i>
                                        <span>
                                            <a href={`tel:${customize?.contact?.contact_phone_number}`}>{customize?.contact?.contact_phone_number}</a>
                                        </span>
                                    </li>
                                )}
                                {customize?.contact?.contact_email && (
                                    <li>
                                        <i className="cs_center">
                                            <Icon icon="lucide:mail" width="20" height="20" />
                                        </i>
                                        <span>
                                            <a href={`mailto:${customize?.contact?.contact_email}`}>{customize?.contact?.contact_email}</a>
                                        </span>
                                    </li>
                                )}
                                {customize?.contact?.contact_address && (
                                    <li>
                                        <i className="cs_center">
                                            <Icon icon="lucide:map-pin" width="20" height="20" />
                                        </i>
                                        <span
                                            dangerouslySetInnerHTML={{
                                                __html: customize?.contact?.contact_address
                                            }}
                                        />
                                    </li>
                                )}
                            </ul>
                        </div>
                    </>
                )}
                {Boolean(Number(customize?.sidebar?.is_show_subscribe)) && (
                    <div className="cs_side_header_box">
                        <Newsletter
                            placeholder={translate("Email address")}
                            title={translate("Get early access")}
                            variant="cs_type_1"
                            btnClass="cs_btn cs_style_1 cs_type_2 cs_white_color cs_primary_bg"
                            titleClass="cs_side_header_title cs_primary_color"
                        />
                        <div className="cs_newsletter_text" style={{ marginTop: "15px" }}>
                            {translate("Stay updated with our latest news and offers.")}
                        </div>
                    </div>
                )}
                {Boolean(Number(customize.sidebar.is_show_social_media)) && (
                    <div className="cs_side_header_box">
                        <h3 className="cs_side_header_title cs_primary_color">{translate("Follow Us")}</h3>
                        <SocialWidget />
                    </div>
                )}
            </div>
        </div>
    )
}

Exit & Reset Text mode: syntax highlighting auto-detects file type.

Name	Size	Perms	Modified	Actions
DropDown.js	490 B	lrw-rw-rw-	2025-04-08 04:12:57	Edit Download recursive recursive
GlobalSearch.jsx	3.15 KB	lrw-rw-rw-	2025-04-27 09:55:03	Edit Download recursive recursive
Header2.jsx	8.03 KB	lrw-rw-rw-	2025-04-26 11:30:31	Edit Download recursive recursive
Header3.jsx	10.80 KB	lrw-rw-rw-	2025-04-26 11:30:31	Edit Download recursive recursive
Header4.jsx	13.22 KB	lrw-rw-rw-	2025-04-26 11:30:31	Edit Download recursive recursive
Header5.jsx	11.64 KB	lrw-rw-rw-	2025-04-26 11:30:31	Edit Download recursive recursive
Header6.jsx	8.18 KB	lrw-rw-rw-	2025-04-26 11:30:31	Edit Download recursive recursive
Header7.jsx	8.15 KB	lrw-rw-rw-	2025-04-26 11:30:31	Edit Download recursive recursive
Header8.jsx	7.79 KB	lrw-rw-rw-	2025-04-26 11:30:31	Edit Download recursive recursive
Header9.jsx	10.26 KB	lrw-rw-rw-	2025-04-26 11:30:31	Edit Download recursive recursive
Header10.jsx	7.77 KB	lrw-rw-rw-	2025-04-26 11:30:31	Edit Download recursive recursive
index.jsx	11.10 KB	lrw-rw-rw-	2025-04-27 09:55:03	Edit Download recursive recursive
LanguageDropdown.js	1.62 KB	lrw-rw-rw-	2025-04-24 07:51:57	Edit Download recursive recursive
SideHeader.js	4.71 KB	lrw-rw-rw-	2025-04-08 04:12:57	Edit Download recursive recursive

Directory Contents