Skip to content

Commit

Permalink
Experimental changs for blogs debugging
Browse files Browse the repository at this point in the history
  • Loading branch information
Anas-025 committed Jun 24, 2023
1 parent 80dc50c commit b18ac90
Show file tree
Hide file tree
Showing 3 changed files with 41 additions and 24 deletions.
3 changes: 1 addition & 2 deletions components/blogs/Blogs/BlogsNav/BlogsNav.tsx
Original file line number Diff line number Diff line change
Expand Up @@ -23,8 +23,7 @@ export default function BlogsNav({
const router = useRouter();
const id = router.query.id;
const uid = getCookie("uid");

const triggered = useScrollTrigger();
let triggered = useScrollTrigger();

const handleDrawerToggle = () => {
setMobileOpen(!mobileOpen);
Expand Down
46 changes: 28 additions & 18 deletions src/pages/app/blogs/index.tsx
Original file line number Diff line number Diff line change
Expand Up @@ -20,24 +20,34 @@ export default app;

export const getServerSideProps = async () => {
// get the latest 10 blogs from firestore
const q = query(
collection(db, "metaBlogs"),
orderBy("date", "desc"),
where("published", "==", true),
limit(7)
);
try{
console.log("fetching data")
const q = query(
collection(db, "metaBlogs"),
orderBy("date", "desc"),
where("published", "==", true),
limit(7)
);

const metaBlogs = await getDocs(q);
const metaBlogsData = metaBlogs.docs.map((doc) => ({
...doc.data(),
id: doc.id,
}));
const metaBlogsDataString = JSON.stringify(metaBlogsData);
console.log(metaBlogsData);
const metaBlogs = await getDocs(q);
const metaBlogsData = metaBlogs.docs.map((doc) => ({
...doc.data(),
id: doc.id,
}));
const metaBlogsDataString = JSON.stringify(metaBlogsData);
console.log(metaBlogsData);

return {
props: {
metaBlogsDataString,
},
};
return {
props: {
metaBlogsDataString,
},
};
}catch(e){
console.log("error: ", e);
return {
props: {
metaBlogsDataString: "[]",
},
};
}
};
16 changes: 12 additions & 4 deletions utils/scrollTrigger.ts
Original file line number Diff line number Diff line change
@@ -1,7 +1,9 @@
import { useState, useEffect } from "react";
import { useRouter } from "next/router";
import { useEffect, useState } from "react";

export function useScrollTrigger(): boolean {
const [triggered, setTriggered] = useState(false);
const router = useRouter();

const onScroll = () => {
const scrollPosition = window.scrollY;
Expand All @@ -15,10 +17,16 @@ export function useScrollTrigger(): boolean {
};

useEffect(() => {
document.addEventListener("scroll", onScroll, true);
if(router.pathname !== "/blogs") {
setTriggered(false);
return;
}else{
document.addEventListener("scroll", onScroll, true);
return () => document.removeEventListener("scroll", onScroll, true);
}

}, [router.pathname]);

return () => document.removeEventListener("scroll", onScroll, true);
}, []);

return triggered
}

0 comments on commit b18ac90

Please sign in to comment.