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" />