rapha-rehab/Rapha-Rehab-Frontend
1
0
Fork 0
forked from MetatroncubeSoftwareSolutions/rapharehap
Code Pull Requests Activity

hydration error fixed

Browse Source
This commit is contained in:
vidhya 2026-06-18 14:31:05 +05:30
parent 3e98f2b1e3
commit c8a5572dfd
4 changed files with 9 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
app/privacy-policy/page.js
View File

@ -211,7 +211,7 @@ export default function PrivacyPolicyPage() {
return ( return (
<Layout <Layout
headerStyle={1} headerStyle={1}
footerStyle={1} footerStyle={2}
breadcrumbTitle="Privacy Policy" breadcrumbTitle="Privacy Policy"
bannerImage="/assets/images/privacy-policy/privacy-policy-banner.png" bannerImage="/assets/images/privacy-policy/privacy-policy-banner.png"
> >

6
components/layout/footer/Footer1.js
View File

@ -8,11 +8,13 @@ import { servicesList } from "@/utils/Services.utils"
export default function Footer2() { export default function Footer2() {
const [email, setEmail] = useState(""); const [email, setEmail] = useState("");
const [isHydrated, setIsHydrated] = useState(false);
useEffect(() => { useEffect(() => {
const user = "bloor"; const user = "bloor";
const domain = "rapharehab.ca"; const domain = "rapharehab.ca";
setEmail(`${user}@${domain}`); setEmail(`${user}@${domain}`);
setIsHydrated(true);
}, []); }, []);
const servicesCols = [ const servicesCols = [
@ -172,11 +174,11 @@ export default function Footer2() {
</li> </li>
<li> <li>
<i className="icon-26"></i> <i className="icon-26"></i>
{email ? ( {isHydrated && email ? (
<Link href={`mailto:${email}`} aria-label={email}> <Link href={`mailto:${email}`} aria-label={email}>
{email} {email}
</Link> </Link>
) : ( ) : isHydrated ? null : (
<span>Loading...</span> <span>Loading...</span>
)} )}
</li> </li>

6
components/layout/footer/Footer2.js
View File

@ -8,11 +8,13 @@ import { servicesList } from "@/utils/Services.utils"
export default function Footer2() { export default function Footer2() {
const [email, setEmail] = useState(""); const [email, setEmail] = useState("");
const [isHydrated, setIsHydrated] = useState(false);
useEffect(() => { useEffect(() => {
const user = "bloor"; const user = "bloor";
const domain = "rapharehab.ca"; const domain = "rapharehab.ca";
setEmail(`${user}@${domain}`); setEmail(`${user}@${domain}`);
setIsHydrated(true);
}, []); }, []);
const servicesCols = [ const servicesCols = [
@ -172,11 +174,11 @@ export default function Footer2() {
</li> </li>
<li> <li>
<i className="icon-26"></i> <i className="icon-26"></i>
{email ? ( {isHydrated && email ? (
<Link href={`mailto:${email}`} aria-label={email}> <Link href={`mailto:${email}`} aria-label={email}>
{email} {email}
</Link> </Link>
) : ( ) : isHydrated ? null : (
<span>Loading...</span> <span>Loading...</span>
)} )}
</li> </li>

BIN
public/assets/images/privacy-policy/privacy-policy-banner.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.6 MiB