+
-
- Open Snapshot Modal
-
-
-
-
-
props.modalProps.modalProps.setModalOpen(true)}
- >
- Open Modal
-
diff --git a/src/components/Modules/PageWithModal/PageWithModalHeaderModule.tsx b/src/components/Modules/PageWithModal/PageWithModalHeaderModule.tsx
index 7d01f23..0f6af70 100644
--- a/src/components/Modules/PageWithModal/PageWithModalHeaderModule.tsx
+++ b/src/components/Modules/PageWithModal/PageWithModalHeaderModule.tsx
@@ -2,11 +2,12 @@ import { HeaderAtom } from "~/components/Atoms/HeaderAtom/HeaderAtom";
type Props = {
title: string;
- onClickLeftIcon: () => void;
+ onClickLeftIcon: () =>void;
+ onClickRightIcon: () => void;
};
export const PageWithModalHeaderModule = (props: Props) => {
return (
-
+
);
};
diff --git a/src/components/Modules/PageWithModalDescription/PageWithModalDescriptionModule.tsx b/src/components/Modules/PageWithModalDescription/PageWithModalDescriptionModule.tsx
index ccf1ae4..1d4e88e 100644
--- a/src/components/Modules/PageWithModalDescription/PageWithModalDescriptionModule.tsx
+++ b/src/components/Modules/PageWithModalDescription/PageWithModalDescriptionModule.tsx
@@ -1,36 +1,29 @@
-export const PageWithModalDescriptionModule = () => {
- return (
-
-
Modal Components
- {/*
- 다양한 상황에서 사용하기 위해 Ant Design의 Modal 컴포넌트가 아닌 커스텀 모달 컴포넌트를 만들어 사용합니다
- 만들어진 컴포넌트를 재사용하거나 보강하여 사용하면 됩니다
-
- - SnapshotModal: Modal 내부에 들어가는 요소들이 정적이거나 반복되는 경우 사용하는 모달, views/modal 폴더에 사전 지정하여 사용
- - Modal: 동적인 상태처리가 필요한 경우 사용하는 컴포넌트, 각 페이지 내부에서 정의하여 사용
+import Image from "next/image";
- 위 두 가지 상황에서 사용할 수 있도록 컴포넌트를 분리해두었으니
- 컴포넌트를 보강하는 경우, 앞서 설명한 원칙이 위배되지 않는 선에서 진행해주세요
+import ProximaIMG from "@assets/proxima.png";
+import EthIMG from "@assets/eth.png";
+import NvirIMG from "@assets/nvir.png";
- translate above description to English and make markdown
- */}
-
- {`To use in various situations, create a custom modal component instead of the Ant Design Modal component.\nYou can reuse the created component or enhance it for use.`}
-
-
-
+export const PageWithModalDescriptionModule = () => {
+ return (
+
+
Messages
+
+
-
SnapshotModal
-
- {`Use when the elements inside the modal are static or repetitive, and predefine in the views/modal folder for use.`}
-
+
Proxima
-
-
-
Modal
-
- {`Use when dynamic state processing is required, define within each page for use.`}
-
+
+
+
+ {/* Add your additional content here */}
+ This section fills the rest of the page without padding.
diff --git a/src/components/Templates/PageWithModal/PageWithModalTemplate.tsx b/src/components/Templates/PageWithModal/PageWithModalTemplate.tsx
index 96496b5..fc683ed 100644
--- a/src/components/Templates/PageWithModal/PageWithModalTemplate.tsx
+++ b/src/components/Templates/PageWithModal/PageWithModalTemplate.tsx
@@ -1,6 +1,7 @@
import { Layout } from "antd";
-import { Content, Header } from "antd/es/layout/layout";
+import { Content, Header, Footer } from "antd/es/layout/layout";
import { PageWithModalHeaderModule } from "~/components/Modules/PageWithModal/PageWithModalHeaderModule";
+import { EmptyFooterModule } from "~/components/Modules/Empty/EmptyFooterModule";
import { PageWithModalContentModule } from "~/components/Modules/PageWithModal/PageWithModalContentModule";
import { PageWithModalDescriptionModule } from "~/components/Modules/PageWithModalDescription/PageWithModalDescriptionModule";
@@ -11,22 +12,23 @@ type Props = {
pageWithModalContentModuleProps: React.ComponentProps<
typeof PageWithModalContentModule
>;
+ emptyFooterModuleProps: React.ComponentProps
;
};
export const PageWithModalTemplate = (props: Props) => {
return (
-
+
+
+
);
};
diff --git a/src/image.d.ts b/src/image.d.ts
new file mode 100644
index 0000000..1da80e0
--- /dev/null
+++ b/src/image.d.ts
@@ -0,0 +1,19 @@
+declare module '*.png' {
+ const value: string;
+ export default value;
+ }
+
+ declare module '*.jpg' {
+ const value: string;
+ export default value;
+ }
+
+ declare module '*.jpeg' {
+ const value: string;
+ export default value;
+ }
+
+ declare module '*.svg' {
+ const value: string;
+ export default value;
+ }
\ No newline at end of file
diff --git a/tsconfig.json b/tsconfig.json
index 6123c11..1d64688 100644
--- a/tsconfig.json
+++ b/tsconfig.json
@@ -26,7 +26,9 @@
/* Path Aliases */
"baseUrl": ".",
"paths": {
- "~/*": ["./src/*"]
+ "~/*": ["./src/*"],
+ "@svgs/*": ["public/svgs/*"],
+ "@assets/*": ["public/assets/*"]
}
},
"include": [
@@ -37,7 +39,8 @@
"**/*.cjs",
"**/*.js",
".next/types/**/*.ts",
- "autogen.ts"
+ "autogen.ts",
+ "src/images.d.ts"
],
"exclude": ["node_modules", "public"]
}