From b730fbca9378c1748ba855ed80005cf2a44d0ae8 Mon Sep 17 00:00:00 2001
From: hyojin <hj.kim@sdt.inc>
Date: Mon, 11 Sep 2023 18:10:44 +0900
Subject: [PATCH] =?UTF-8?q?Feat:=20next.config=20=ED=8C=8C=EC=9D=BC=20?=
 =?UTF-8?q?=EC=88=98=EC=A0=95,=20=EB=B6=88=ED=95=84=EC=9A=94=ED=95=9C=20?=
 =?UTF-8?q?=EC=BD=94=EB=93=9C=20=EC=A0=9C=EA=B1=B0?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 next.config.js                                |  9 +-
 src/app/dashboard/components/LineChart.tsx    | 99 -------------------
 src/app/dashboard/components/RecentResult.tsx | 26 -----
 src/app/dashboard/components/Result.tsx       | 41 --------
 src/app/dashboard/hooks/useDashboard.1.tsx    | 31 ------
 5 files changed, 1 insertion(+), 205 deletions(-)
 delete mode 100644 src/app/dashboard/components/LineChart.tsx
 delete mode 100644 src/app/dashboard/components/RecentResult.tsx
 delete mode 100644 src/app/dashboard/components/Result.tsx
 delete mode 100644 src/app/dashboard/hooks/useDashboard.1.tsx

diff --git a/next.config.js b/next.config.js
index 17a24ae..aeed392 100644
--- a/next.config.js
+++ b/next.config.js
@@ -1,16 +1,9 @@
 /** @type {import('next').NextConfig} */
 const nextConfig = {
   reactStrictMode: true,
+  output: 'standalone',
   images: {
     domains: ['13.209.39.139'],
-    // remotePatterns: [
-    //   {
-    //     protocol: 'http',
-    //     hostname: '13.209.39.139',
-    //     port: '31192',
-    //     pathname: '/api/v1/buckets/gseps-test-a/objects/**',
-    //   },
-    // ],
   },
   compiler: {
     styledComponents: true,
diff --git a/src/app/dashboard/components/LineChart.tsx b/src/app/dashboard/components/LineChart.tsx
deleted file mode 100644
index 8f397f1..0000000
--- a/src/app/dashboard/components/LineChart.tsx
+++ /dev/null
@@ -1,99 +0,0 @@
-import React from 'react';
-import { ResponsiveLine } from '@nivo/line';
-
-function LineChart({ data }: any) {
-  return (
-    <div>
-      <div className="h-[500px]">
-        <ResponsiveLine
-          data={data}
-          margin={{ top: 50, right: 30, bottom: 50, left: 60 }}
-          xScale={{ type: 'linear' }}
-          yScale={{
-            type: 'linear',
-            // stacked: true,
-            min: 0,
-            max: 100,
-          }}
-          yFormat=" >-.2f"
-          curve="monotoneX"
-          axisTop={null}
-          axisRight={null}
-          axisBottom={{
-            // tickValues: [0, 20, 40, 60, 80, 100, 120],
-            tickSize: 5,
-            tickPadding: 5,
-            tickRotation: 0,
-            // format: '.2f',
-            // legend: 'price',
-            // legendOffset: 36,
-            // legendPosition: 'middle',
-          }}
-          axisLeft={{
-            // tickValues: [0, 500, 1000, 1500, 2000, 2500],
-            tickSize: 5,
-            tickPadding: 5,
-            tickRotation: 0,
-            // format: '.2s',
-            // legend: 'volume',
-            // legendOffset: -40,
-            // legendPosition: 'middle',
-          }}
-          enableGridX={false}
-          colors={{ scheme: 'spectral' }}
-          lineWidth={1}
-          pointSize={0}
-          pointColor={{ theme: 'background' }}
-          pointBorderWidth={1}
-          pointBorderColor={{ from: 'serieColor' }}
-          pointLabelYOffset={-12}
-          useMesh={true}
-          //   gridXValues={[0, 20, 40, 60, 80, 100, 120]}
-          //   gridYValues={[0, 500, 1000, 1500, 2000, 2500]}
-          legends={[]}
-        />
-
-        {/* <ResponsiveLine
-          data={data}
-          margin={{ top: 50, right: 20, bottom: 50, left: 60 }}
-          xScale={{ type: 'point' }}
-          yScale={{
-            type: 'linear',
-            min: 'auto',
-            max: 'auto',
-            stacked: true,
-            reverse: false,
-          }}
-          yFormat=" >-.2f"
-          axisTop={null}
-          axisRight={null}
-          axisBottom={{
-            tickSize: 5,
-            tickPadding: 5,
-            tickRotation: 0,
-            // legend: 'transportation',
-            // legendOffset: 36,
-            // legendPosition: 'middle',
-          }}
-          axisLeft={{
-            tickSize: 5,
-            tickPadding: 5,
-            tickRotation: 0,
-            // legend: 'count',
-            // legendOffset: -40,
-            // legendPosition: 'middle',
-          }}
-          pointSize={1}
-          pointColor={{ theme: 'background' }}
-          pointBorderWidth={2}
-          pointBorderColor={{ from: 'serieColor' }}
-          pointLabelYOffset={-12}
-          useMesh={true}
-          legends={[]}
-        /> */}
-      </div>
-    </div>
-  );
-}
-
-export default LineChart;
diff --git a/src/app/dashboard/components/RecentResult.tsx b/src/app/dashboard/components/RecentResult.tsx
deleted file mode 100644
index 90618a3..0000000
--- a/src/app/dashboard/components/RecentResult.tsx
+++ /dev/null
@@ -1,26 +0,0 @@
-'use client';
-
-import React from 'react';
-import BarChart from './BarChart';
-import { DUMMY_DATA } from '../constants';
-import { format } from 'date-fns';
-
-function RecentResult() {
-  return (
-    <div className="grid grid-cols-3 gap-4">
-      <div className="border border-gray-500">image</div>
-      <BarChart data={DUMMY_DATA.latest.particleSizeRatio} />
-
-      <div className="flex justify-center items-center  text-center text-xl font-semibold">
-        <div>
-          <div>촬영일시</div>
-          <div>
-            {format(DUMMY_DATA.latest.timestamp, 'yyyy-MM-dd HH:mm:ss')}
-          </div>
-        </div>
-      </div>
-    </div>
-  );
-}
-
-export default RecentResult;
diff --git a/src/app/dashboard/components/Result.tsx b/src/app/dashboard/components/Result.tsx
deleted file mode 100644
index 631e62c..0000000
--- a/src/app/dashboard/components/Result.tsx
+++ /dev/null
@@ -1,41 +0,0 @@
-'use client';
-
-import React, { useEffect, useState } from 'react';
-import LineChart from './LineChart';
-import { Button, TextInput } from '@sdt/sdt-ui-kit';
-
-function Result() {
-  const [line, setLine] = useState([]);
-
-  const chartData = [...Array(1000)].map((v, i) => ({
-    x: i,
-    y: Math.floor(Math.random() * 100),
-  }));
-  const data = [
-    {
-      id: 'korea',
-      color: 'rgb(217, 38, 107)',
-      data: chartData,
-    },
-  ];
-
-  //   useEffect(() => {
-  //     setTimeout(() => {
-  //       setLine(chartData);
-  //     }, 3000);
-  //   }, [chartData]);
-
-  return (
-    <div className="mb-10">
-      <div className="flex items-center">
-        <span>입자의 크기</span>
-        <TextInput size="medium" className="px-4" />
-        <Button>적용</Button>
-      </div>
-
-      <LineChart data={data} />
-    </div>
-  );
-}
-
-export default Result;
diff --git a/src/app/dashboard/hooks/useDashboard.1.tsx b/src/app/dashboard/hooks/useDashboard.1.tsx
deleted file mode 100644
index 95aa2fd..0000000
--- a/src/app/dashboard/hooks/useDashboard.1.tsx
+++ /dev/null
@@ -1,31 +0,0 @@
-import { useMemo } from 'react';
-import { getResultApi } from '@/api/dashboard/resultApi';
-import { useQuery } from '@tanstack/react-query';
-
-export function useDashboard() {
-  const getResult = useQuery(['result'], () => getResultApi());
-
-  const [resultData, setPieData] = useState<any>([]);
-
-  useEffect(() => {
-    setTimeout(() => {
-      setPieData(PIECHART_DUMMY);
-    }, 10);
-  }, []);
-
-  /**
-   * bar chart convert data
-   */
-  const convertChartData = useMemo(() => {
-    const data = getResult.data?.latest.particleSizeRatio?.map((result, i) => {
-      return {
-        range: Number(result.range).toFixed(2),
-        count: result.count,
-      };
-    });
-
-    return data;
-  }, [getResult.data]);
-
-  return { getResult, convertChartData };
-}