From c4b578132c1a301ef39686d00b2977750760dd6d Mon Sep 17 00:00:00 2001
From: Jungu Lee <1zzangjun@gmail.com>
Date: Mon, 11 Dec 2023 11:20:51 +0900
Subject: [PATCH] =?UTF-8?q?Refactor=20:=20=EC=8A=A4=ED=83=80=EC=9D=BC=20?=
 =?UTF-8?q?=EC=98=A4=EB=A5=98=20=EC=88=98=EC=A0=95?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 client/src/app/@Modal/(.)new-post/page.tsx        | 15 ---------------
 client/src/app/@Modal/layout.tsx                  |  4 ++--
 client/src/components/FixedBottomCTA.tsx          |  4 ++--
 client/src/components/SingleImageInput.tsx        |  1 -
 client/src/components/layout/CustomAppbar.tsx     |  6 ++++--
 client/src/components/layout/CustomContainer.tsx  |  4 ++++
 .../user/info/drawer/UserInfoEditingForm.tsx      |  1 +
 7 files changed, 13 insertions(+), 22 deletions(-)
 delete mode 100644 client/src/app/@Modal/(.)new-post/page.tsx

diff --git a/client/src/app/@Modal/(.)new-post/page.tsx b/client/src/app/@Modal/(.)new-post/page.tsx
deleted file mode 100644
index 2dfd2bc..0000000
--- a/client/src/app/@Modal/(.)new-post/page.tsx
+++ /dev/null
@@ -1,15 +0,0 @@
-import AuthProtectorlayout from "@/app/(protectedRoute)/layout";
-import NewpostPage from "@/app/(protectedRoute)/new-post/page";
-import ModalWrapper from "@/components/ModalWrapper";
-
-const NewPostPage = () => {
-  return (
-    <AuthProtectorlayout>
-      <ModalWrapper disableBox>
-        <NewpostPage />
-      </ModalWrapper>
-    </AuthProtectorlayout>
-  );
-};
-
-export default NewPostPage;
diff --git a/client/src/app/@Modal/layout.tsx b/client/src/app/@Modal/layout.tsx
index 18e98b8..f91e639 100644
--- a/client/src/app/@Modal/layout.tsx
+++ b/client/src/app/@Modal/layout.tsx
@@ -1,11 +1,11 @@
 "use client";
 
-import { NEW_POST, SIGNIN } from "@/const/clientPath";
+import { SIGNIN } from "@/const/clientPath";
 import { usePathname } from "next/navigation";
 
 export default function Layout({ children }: any) {
   const pathname = usePathname();
-  const allowedPath = [NEW_POST, SIGNIN];
+  const allowedPath = [SIGNIN];
 
   return allowedPath.some((path) => pathname.startsWith(path))
     ? children
diff --git a/client/src/components/FixedBottomCTA.tsx b/client/src/components/FixedBottomCTA.tsx
index bc0044c..deb1135 100644
--- a/client/src/components/FixedBottomCTA.tsx
+++ b/client/src/components/FixedBottomCTA.tsx
@@ -5,7 +5,7 @@ const FixedBottomCTA = ({ ...props }: ButtonProps) => {
     <>
       <Button
         sx={{
-          position: "absolute",
+          position: "fixed",
           bottom: 0,
           left: 0,
           right: 0,
@@ -18,7 +18,7 @@ const FixedBottomCTA = ({ ...props }: ButtonProps) => {
       />
       <Paper
         sx={{
-          position: "absolute",
+          position: "fixed",
           bottom: 0,
           left: 0,
           right: 0,
diff --git a/client/src/components/SingleImageInput.tsx b/client/src/components/SingleImageInput.tsx
index 969e3b4..7fa92e2 100644
--- a/client/src/components/SingleImageInput.tsx
+++ b/client/src/components/SingleImageInput.tsx
@@ -18,7 +18,6 @@ const SingleImageInput = ({
       style={{ display: "none" }}
       type="file"
       accept="image/*"
-      capture="environment"
       onChange={(e) => {
         if (e.target.files) {
           onChange(e.target.files[0]);
diff --git a/client/src/components/layout/CustomAppbar.tsx b/client/src/components/layout/CustomAppbar.tsx
index 9c7f7fb..9fda6eb 100644
--- a/client/src/components/layout/CustomAppbar.tsx
+++ b/client/src/components/layout/CustomAppbar.tsx
@@ -1,6 +1,7 @@
 "use client";
 import {
   AppBar,
+  AppBarProps,
   Button,
   IconButton,
   Toolbar,
@@ -11,7 +12,7 @@ import GoBackIcon from "@/assets/icons/GoBackIcon.svg";
 import { MouseEventHandler, ReactNode, memo } from "react";
 import { useRouter } from "next/navigation";
 
-interface CustomAppbarInterface {
+interface CustomAppbarInterface extends AppBarProps {
   title?: string;
   prependButton?: ReactNode;
   onClickPrepend?: MouseEventHandler<HTMLButtonElement>;
@@ -28,11 +29,12 @@ const CustomAppbar = ({
   onClickPrepend,
   disableAppend,
   onClickAppend,
+  position,
 }: CustomAppbarInterface) => {
   const router = useRouter();
 
   return (
-    <AppBar position={"fixed"}>
+    <AppBar position={position ? position : "fixed"}>
       <Toolbar sx={{ display: "flex", justifyContent: "space-between" }}>
         {/* 프리팬드 버튼 */}
         {prependButton ? (
diff --git a/client/src/components/layout/CustomContainer.tsx b/client/src/components/layout/CustomContainer.tsx
index 016dc3f..4544021 100644
--- a/client/src/components/layout/CustomContainer.tsx
+++ b/client/src/components/layout/CustomContainer.tsx
@@ -9,6 +9,9 @@ const CustomContainer = ({
   disableMt,
   children,
 }: CustomContainerInterface) => {
+  const appbarHeight = '64px'
+  const navbarHeight = '56px'
+
   return (
     <Container
       sx={{ ...sx, px: { xs: 0, sm: 4 }, mt: disableMt ? 0 : 8 }}
@@ -21,6 +24,7 @@ const CustomContainer = ({
           flexDirection: "column",
           gap: 2,
           p: 2,
+          minHeight:`calc(100vh - ${appbarHeight} - ${navbarHeight})`
         }}
       >
         {children}
diff --git a/client/src/components/user/info/drawer/UserInfoEditingForm.tsx b/client/src/components/user/info/drawer/UserInfoEditingForm.tsx
index 0366bfc..d9a6106 100644
--- a/client/src/components/user/info/drawer/UserInfoEditingForm.tsx
+++ b/client/src/components/user/info/drawer/UserInfoEditingForm.tsx
@@ -74,6 +74,7 @@ const UserInfoEditingForm = () => {
         onClickAppend={submitHandler}
         appendButton={"저장"}
         disableAppend={isLoading}
+        position={'static'}
       />
       <Stack
         component="form"