Merge branch 'dev' of https://github.com/Gosrock/DuDoong-Front into r…

…elease/ticket

apps/ticket/next.config.js

@@ -2,42 +2,48 @@
 // eslint-disable-next-line no-undef
 const withInterceptStdout = require('next-intercept-stdout');
 
+const withBundleAnalyzer = require('@next/bundle-analyzer')({
+  enabled: process.env.ANALYZE === 'true',
+});
+
 const withTM = require('next-transpile-modules')([
   '@dudoong/ui',
   '@dudoong/utils',
   'date-fns',
 ]);
 
-module.exports = withInterceptStdout(
-  withTM({
-    // Any additional config for next goes in here
-    swcMinify: true,
-    webpack: (config, options) => {
-      config.module.rules.push({
-        test: /\.svg$/,
-        use: [
-          options.defaultLoaders.babel,
-          {
-            loader: '@svgr/webpack',
-            options: { babel: false },
-          },
-        ],
-      });
-      return config;
-    },
-    images: {
-      domains: ['asset.dudoong.com'],
-    },
-    rewrites: async () => [
-      {
-        source: '/meta/term',
-        destination: '/term.html',
+module.exports = withBundleAnalyzer(
+  withInterceptStdout(
+    withTM({
+      // Any additional config for next goes in here
+      swcMinify: true,
+      webpack: (config, options) => {
+        config.module.rules.push({
+          test: /\.svg$/,
+          use: [
+            options.defaultLoaders.babel,
+            {
+              loader: '@svgr/webpack',
+              options: { babel: false },
+            },
+          ],
+        });
+        return config;
       },
-      {
-        source: '/meta/privacy',
-        destination: '/privacy.html',
+      images: {
+        domains: ['asset.dudoong.com'],
       },
-    ],
-  }),
-  (text) => (text.includes('Duplicate atom key') ? '' : text),
+      rewrites: async () => [
+        {
+          source: '/meta/term',
+          destination: '/term.html',
+        },
+        {
+          source: '/meta/privacy',
+          destination: '/privacy.html',
+        },
+      ],
+    }),
+    (text) => (text.includes('Duplicate atom key') ? '' : text),
+  ),
 );

apps/ticket/src/components/events/blocks/Remote.tsx

@@ -6,7 +6,6 @@ import { useRecoilValue } from 'recoil';
 import { authState } from '@store/auth';
 import { useRouter } from 'next/router';
 import useOverlay from '@lib/hooks/useOverlay';
-import OverlayBox from '@components/shared/overlay/OverlayBox';
 import TalkOverlay from './Talk/Index';
 
 interface RemoteProps {

apps/ticket/src/components/home/Landing/index.tsx

@@ -1,12 +1,18 @@
 import { Footer } from '@dudoong/ui';
 import DDHead from '@components/shared/Layout/NextHead';
 import Title from './Title';
-import IntroSection from './IntroSection';
-import FeatureSection from './FeatureSection';
-import TicketSection from './TicketSection';
-import OutroSection from './Outro';
+//import IntroSection from './IntroSection';
+//import FeatureSection from './FeatureSection';
+//import TicketSection from './TicketSection';
+//import OutroSection from './Outro';
 import { css } from '@emotion/react';
+import React from 'react';
 const Landing = () => {
+  const IntroSection = React.lazy(() => import('./IntroSection'));
+  const FeatureSection = React.lazy(() => import('./FeatureSection'));
+  const TicketSection = React.lazy(() => import('./TicketSection'));
+  const OutroSection = React.lazy(() => import('./Outro'));
+
   return (
     <>
       <DDHead

apps/ticket/src/components/home/blocks/HomeHeader.tsx

@@ -1,8 +1,8 @@
-import { Input, media, Search, theme } from '@dudoong/ui';
+import { media } from '@dudoong/ui';
 import { css } from '@emotion/react';
 import styled from '@emotion/styled';
 import Twinkle from '@dudoong/ui/src/assets/icons/Twinkle.svg';
-import Dots from '@dudoong/ui/src/assets/image/dots.svg';
+import Dots from '@dudoong/ui/src/assets/image/Dots';
 const HomeHeader = () => {
   return (
     <Wrapper>

package.json

@@ -49,6 +49,7 @@
   "dependencies": {
     "@emotion/react": "^11.10.5",
     "@emotion/styled": "^11.10.5",
+    "@next/bundle-analyzer": "^13.4.7",
     "@tanstack/react-query": "^4.24.9",
     "@tanstack/react-query-devtools": "^4.24.9",
     "react-beautiful-dnd": "^13.1.1",

shared/ui/src/assets/image/Dots.tsx

@@ -1,4 +1,4 @@
-const Dots = () => {
+const Dots = (props: React.SVGProps<SVGSVGElement>) => {
   return (
     <>
       <svg
@@ -7,6 +7,7 @@ const Dots = () => {
         viewBox="0 0 170 163"
         fill="none"
         xmlns="http://www.w3.org/2000/svg"
+        className={props.className}
       >
         <circle cx="2.92157" cy="2.34722" r="2.34722" fill="#6B36DC" />
         <circle cx="35.7826" cy="2.34722" r="2.34722" fill="#6B36DC" />