From 0eba7c4cf941d02d6157638d75b68785cc04142c Mon Sep 17 00:00:00 2001
From: HeesungB <hezo25@naver.com>
Date: Sat, 17 Dec 2022 00:36:07 +0900
Subject: [PATCH] Add .evn settings, StyledComponent Server Side Setting

---
 constants/icns.ts              | 10 ++++++---
 pages/_document.tsx            | 37 ++++++++++++++++++++++++----------
 pages/api/icns-verification.ts |  2 +-
 3 files changed, 34 insertions(+), 15 deletions(-)

diff --git a/constants/icns.ts b/constants/icns.ts
index 81d4fa2..0eaa7f8 100644
--- a/constants/icns.ts
+++ b/constants/icns.ts
@@ -2,13 +2,17 @@ export const MainChainId = "osmo-test-4";
 
 export const REFERRAL_KEY = "icns-referral";
 
-export const RPC_URL = "https://rpc.testnet.osmosis.zone";
-export const REST_URL = "https://lcd.testnet.osmosis.zone";
+export const RPC_URL =
+  process.env.OSMOSIS_RPC_URL ?? "https://rpc.testnet.osmosis.zone";
+export const REST_URL =
+  process.env.OSMOSIS_REST_URL ?? "https://lcd.testnet.osmosis.zone";
 
-// TODO: .evn에 없으면 디폴트값 설정
 export const NAME_NFT_ADDRESS =
+  process.env.ICNS_NAME_NFT_CONTRACT_ADDRESS ??
   "osmo1xahnjn872smah6xle8n3z5a5teqq390qr959l805mkuw0kcy8g5smtdagg";
 export const REGISTRAR_ADDRESS =
+  process.env.ICNS_REGISTRAR_CONTRACT_ADDRESS ??
   "osmo1npn97g7hsgqlp70rw8nhd7c7vyvkukv9x0n25sn4fk5mgcjlz4gq9zlgf3";
 export const RESOLVER_ADDRESS =
+  process.env.ICNS_RESOLVER_CONTRACT_ADDRESS ??
   "osmo1002awr7frr9wk44lc3vfzt0d2w6vz5z03ql6fszjsjy8vdcvk0sskruz3c";
diff --git a/pages/_document.tsx b/pages/_document.tsx
index 216ddf4..9472144 100644
--- a/pages/_document.tsx
+++ b/pages/_document.tsx
@@ -5,24 +5,39 @@ import Document, {
   Main,
   NextScript,
 } from "next/document";
+import { ServerStyleSheet } from "styled-components";
 
 class MyDocument extends Document {
   static async getInitialProps(ctx: DocumentContext) {
+    const sheet = new ServerStyleSheet();
     const originalRenderPage = ctx.renderPage;
 
-    // Run the React rendering logic synchronously
-    ctx.renderPage = () =>
-      originalRenderPage({
-        // Useful for wrapping the whole react tree
-        enhanceApp: (App) => App,
-        // Useful for wrapping in a per-page basis
-        enhanceComponent: (Component) => Component,
-      });
+    try {
+      // Run the React rendering logic synchronously
+      ctx.renderPage = () =>
+        originalRenderPage({
+          // Useful for wrapping the whole react tree
+          enhanceApp: (App) => (props) =>
+            sheet.collectStyles(<App {...props} />),
+          // Useful for wrapping in a per-page basis
+          enhanceComponent: (Component) => Component,
+        });
 
-    // Run the parent `getInitialProps`, it now includes the custom `renderPage`
-    const initialProps = await Document.getInitialProps(ctx);
+      // Run the parent `getInitialProps`, it now includes the custom `renderPage`
+      const initialProps = await Document.getInitialProps(ctx);
 
-    return initialProps;
+      return {
+        ...initialProps,
+        styles: (
+          <div>
+            {initialProps.styles}
+            {sheet.getStyleElement()}
+          </div>
+        ),
+      };
+    } finally {
+      sheet.seal();
+    }
   }
 
   render() {
diff --git a/pages/api/icns-verification.ts b/pages/api/icns-verification.ts
index 47b46fe..8f4d8b4 100644
--- a/pages/api/icns-verification.ts
+++ b/pages/api/icns-verification.ts
@@ -1,7 +1,7 @@
 import { withIronSessionApiRoute } from "iron-session/next";
 import type { NextApiRequest, NextApiResponse } from "next";
 import { ironOptions } from "../../iron.config";
-import { IcnsVerificationResponse } from "../../types/api-response";
+import { IcnsVerificationResponse } from "../../types";
 import { request } from "../../utils/url";
 
 export default withIronSessionApiRoute(async function handler(