design: Profile margin bottom 지정

part3-team5 · Jun 12, 2024 · b262112 · b262112
1 parent 0a9c1e1
commit b262112
Show file tree

Hide file tree

Showing 3 changed files with 13 additions and 5 deletions.
diff --git a/atoms/userAtom.ts b/atoms/userAtom.ts
@@ -12,7 +12,7 @@ interface AuthState {
   user: User | null;
 }
 
-export const authState = atom<AuthState>({
+export const authState = atom({
   key: "authState",
   default: {
     isAuthenticated: false,

diff --git a/components/Profile/Profile.module.scss b/components/Profile/Profile.module.scss
@@ -4,7 +4,7 @@
   max-width: 964px;
   margin: 0 auto;
   padding: 60px 0;
-  height: 395px;
+  height: auto;
 
   @media (max-width: $TABLET) {
     padding: 60px 32px;
@@ -38,6 +38,7 @@
   justify-content: center;
   text-align: center;
   width: 100%;
+  margin-bottom: 30vh;
 
   @media (max-width: $MOBILE) {
     height: 195px;

diff --git a/components/notice/CustomNoticeList/index.tsx b/components/notice/CustomNoticeList/index.tsx
@@ -11,6 +11,7 @@ import { calculateIncreasePercent } from "@/utils/calculateIncreasePercent";
 import Link from "next/link";
 import { useRecoilValue } from "recoil";
 import { profileAtom } from "@/atoms/profileAtom";
+import { authState, signupState } from "@/atoms/userAtom";
 
 const cx = classNames.bind(styles);
 
@@ -22,6 +23,8 @@ const CustomNoticeList = () => {
   const [postsPerPage, setPostsPerPage] = useState(3);
   const isTablet = useResize(TABLET);
   const userData = useRecoilValue(profileAtom);
+  const auth = useRecoilValue(authState);
+  const sign = useRecoilValue(signupState);
   const userAddress = userData.area;
 
   useEffect(() => {
@@ -50,8 +53,12 @@ const CustomNoticeList = () => {
   useEffect(() => {
     const loadNotices = async () => {
       try {
-        //const data = await fetchNoticesByAddress(userAddress); 지역 선별 개선 필요
-        const data = await fetchNoticeList();
+        let data = [];
+        if (auth.isAuthenticated && sign.type === "employee") {
+          data = await fetchNoticesByAddress(userAddress);
+        } else {
+          data = await fetchNoticeList();
+        }
         setNotices(data);
         setLoading(false);
       } catch (err) {
@@ -61,7 +68,7 @@ const CustomNoticeList = () => {
     };
 
     loadNotices();
-  }, [userAddress]);
+  }, [auth, userAddress]);
 
   if (loading) {
     return <Spinner />;