1seok2

refactor: simply render app

...@@ -13,7 +13,7 @@ import { getState } from "@src/store/state"; ...@@ -13,7 +13,7 @@ import { getState } from "@src/store/state";
13 import "./assets/style/App.scss"; 13 import "./assets/style/App.scss";
14 import { getElement } from "./components/functions"; 14 import { getElement } from "./components/functions";
15 15
16 -export default function App(pathname: string): string { 16 +function App(pathname: string): string {
17 /* id 없을 시 id 입력으로 redirect */ 17 /* id 없을 시 id 입력으로 redirect */
18 if (!getState().insta_id) pathname = ""; 18 if (!getState().insta_id) pathname = "";
19 history.pushState("", "", pathname); 19 history.pushState("", "", pathname);
...@@ -27,7 +27,7 @@ export default function App(pathname: string): string { ...@@ -27,7 +27,7 @@ export default function App(pathname: string): string {
27 `; 27 `;
28 } 28 }
29 29
30 -export function renderApp(pathname: string): void { 30 +export default function renderApp(pathname: string): void {
31 const $App = getElement("#App") as HTMLDivElement; 31 const $App = getElement("#App") as HTMLDivElement;
32 32
33 $App.innerHTML = App(pathname); 33 $App.innerHTML = App(pathname);
......
1 import { randomTransition } from "@src/components/page.transition"; 1 import { randomTransition } from "@src/components/page.transition";
2 -import { renderApp } from "@src/App"; 2 +import renderApp from "@src/App";
3 import { 3 import {
4 getElement, 4 getElement,
5 pendingFetch, 5 pendingFetch,
......
...@@ -2,7 +2,7 @@ import { BASE_URL } from "@src/config/url"; ...@@ -2,7 +2,7 @@ import { BASE_URL } from "@src/config/url";
2 import { setState } from "@src/store/state"; 2 import { setState } from "@src/store/state";
3 import { togglePageLoader } from "@src/components/page.loader"; 3 import { togglePageLoader } from "@src/components/page.loader";
4 import { randomTransition } from "@src/components/page.transition"; 4 import { randomTransition } from "@src/components/page.transition";
5 -import { renderApp } from "@src/App"; 5 +import renderApp from "@src/App";
6 6
7 export function formatNumber(number: number): string { 7 export function formatNumber(number: number): string {
8 if (`${number}`.length > 6) { 8 if (`${number}`.length > 6) {
......
...@@ -13,7 +13,7 @@ import addEventWithElementByType from "@src/components/add.event"; ...@@ -13,7 +13,7 @@ import addEventWithElementByType from "@src/components/add.event";
13 import { getPathname } from "@src/components/functions"; 13 import { getPathname } from "@src/components/functions";
14 import { linkEvent } from "@src/components/event.list"; 14 import { linkEvent } from "@src/components/event.list";
15 15
16 -import { renderApp } from "./App"; 16 +import renderApp from "./App";
17 17
18 window.addEventListener("DOMContentLoaded", () => { 18 window.addEventListener("DOMContentLoaded", () => {
19 createLoaderElement(); 19 createLoaderElement();
......
...@@ -6,7 +6,7 @@ ...@@ -6,7 +6,7 @@
6 6
7 import "@src/assets/style/Header.scss"; 7 import "@src/assets/style/Header.scss";
8 8
9 -import { renderApp } from "@src/App"; 9 +import renderApp from "@src/App";
10 import addEventWithElementByType from "@src/components/add.event"; 10 import addEventWithElementByType from "@src/components/add.event";
11 import { handleFetchById } from "@src/components/event.list"; 11 import { handleFetchById } from "@src/components/event.list";
12 12
......