From 38b3279734f023b0e1771400ffbd047f994083b5 Mon Sep 17 00:00:00 2001
From: nguyenlejoe <joe_le.1@hotmail.com>
Date: Thu, 4 Jan 2024 16:23:31 -0800
Subject: [PATCH] rename

---
 .../XYKPoolTimeSeriesView.stories.tsx}        | 10 +++++-----
 .../XYKPoolTimeSeriesView.tsx}                | 20 +++++++++----------
 src/utils/types/molecules.types.ts            |  2 +-
 3 files changed, 16 insertions(+), 16 deletions(-)
 rename src/components/Molecules/XYK/{XYKTimeSeriesView/XYKTimeSeriesView.stories.tsx => XYKPoolTimeSeriesView/XYKPoolTimeSeriesView.stories.tsx} (51%)
 rename src/components/Molecules/XYK/{XYKTimeSeriesView/XYKTimeSeriesView.tsx => XYKPoolTimeSeriesView/XYKPoolTimeSeriesView.tsx} (95%)

diff --git a/src/components/Molecules/XYK/XYKTimeSeriesView/XYKTimeSeriesView.stories.tsx b/src/components/Molecules/XYK/XYKPoolTimeSeriesView/XYKPoolTimeSeriesView.stories.tsx
similarity index 51%
rename from src/components/Molecules/XYK/XYKTimeSeriesView/XYKTimeSeriesView.stories.tsx
rename to src/components/Molecules/XYK/XYKPoolTimeSeriesView/XYKPoolTimeSeriesView.stories.tsx
index 0ff042db..a50cd39b 100644
--- a/src/components/Molecules/XYK/XYKTimeSeriesView/XYKTimeSeriesView.stories.tsx
+++ b/src/components/Molecules/XYK/XYKPoolTimeSeriesView/XYKPoolTimeSeriesView.stories.tsx
@@ -1,16 +1,16 @@
 import { type Meta, type StoryObj } from "@storybook/react";
-import { XYKTimeSeriesView } from "./XYKTimeSeriesView";
+import { XYKPoolTimeSeriesView } from "./XYKPoolTimeSeriesView";
 
-type Story = StoryObj<typeof XYKTimeSeriesView>;
+type Story = StoryObj<typeof XYKPoolTimeSeriesView>;
 
-const meta: Meta<typeof XYKTimeSeriesView> = {
+const meta: Meta<typeof XYKPoolTimeSeriesView> = {
     title: "Molecules/XYK",
-    component: XYKTimeSeriesView,
+    component: XYKPoolTimeSeriesView,
 };
 
 export default meta;
 
-export const XYKTimeSeries: Story = {
+export const XYKPoolTimeSeries: Story = {
     args: {
         chain_name: "eth-mainnet",
         dex_name: "uniswap_v2",
diff --git a/src/components/Molecules/XYK/XYKTimeSeriesView/XYKTimeSeriesView.tsx b/src/components/Molecules/XYK/XYKPoolTimeSeriesView/XYKPoolTimeSeriesView.tsx
similarity index 95%
rename from src/components/Molecules/XYK/XYKTimeSeriesView/XYKTimeSeriesView.tsx
rename to src/components/Molecules/XYK/XYKPoolTimeSeriesView/XYKPoolTimeSeriesView.tsx
index 42c8c63a..e3cfc806 100644
--- a/src/components/Molecules/XYK/XYKTimeSeriesView/XYKTimeSeriesView.tsx
+++ b/src/components/Molecules/XYK/XYKPoolTimeSeriesView/XYKPoolTimeSeriesView.tsx
@@ -8,11 +8,11 @@ import { Skeleton } from "@/components/ui/skeleton";
 import { GRK_SIZES, PERIOD } from "@/utils/constants/shared.constants";
 import { CHART_COLORS } from "@/utils/constants/shared.constants";
 import { useCovalent } from "@/utils/store/Covalent";
-import { type XYKTimeSeriesViewProps } from "@/utils/types/molecules.types";
+import { type XYKPoolTimeSeriesViewProps } from "@/utils/types/molecules.types";
 import { prettifyCurrency } from "@covalenthq/client-sdk";
 import { capitalizeFirstLetter } from "@/utils/functions/capitalize";
 
-export const XYKTimeSeriesView: React.FC<XYKTimeSeriesViewProps> = ({
+export const XYKPoolTimeSeriesView: React.FC<XYKPoolTimeSeriesViewProps> = ({
     chain_name,
     dex_name,
     address,
@@ -20,7 +20,7 @@ export const XYKTimeSeriesView: React.FC<XYKTimeSeriesViewProps> = ({
     const [maybeResult, setResult] = useState<Option<any>>(None);
     const [chartData, setChartData] = useState<Option<any>>(None);
     const [period, setPeriod] = useState<PERIOD>(PERIOD.DAYS_7);
-    const [timeSeries, setTimeSerious] = useState<string>("volume");
+    const [timeSeries, setTimeSerious] = useState<string>("liquidity");
     const [chartColor, setColor] = useState<any>("");
     const { covalentClient } = useCovalent();
 
@@ -100,13 +100,6 @@ export const XYKTimeSeriesView: React.FC<XYKTimeSeriesViewProps> = ({
 
             <div className="flex justify-between">
                 <div className="flex gap-2">
-                    <Button
-                        disabled={!maybeResult.isDefined}
-                        variant={timeSeries === "volume" ? "accent" : "outline"}
-                        onClick={() => setTimeSerious("volume")}
-                    >
-                        Volume
-                    </Button>
                     <Button
                         disabled={!maybeResult.isDefined}
                         variant={
@@ -116,6 +109,13 @@ export const XYKTimeSeriesView: React.FC<XYKTimeSeriesViewProps> = ({
                     >
                         Liquidity
                     </Button>
+                    <Button
+                        disabled={!maybeResult.isDefined}
+                        variant={timeSeries === "volume" ? "accent" : "outline"}
+                        onClick={() => setTimeSerious("volume")}
+                    >
+                        Volume
+                    </Button>
                     <Button
                         disabled={!maybeResult.isDefined}
                         variant={timeSeries === "price" ? "accent" : "outline"}
diff --git a/src/utils/types/molecules.types.ts b/src/utils/types/molecules.types.ts
index b0ad9698..3c62a6cc 100644
--- a/src/utils/types/molecules.types.ts
+++ b/src/utils/types/molecules.types.ts
@@ -23,7 +23,7 @@ export interface NFTSalesCountViewProps {
     token_id?: string;
 }
 
-export interface XYKTimeSeriesViewProps {
+export interface XYKPoolTimeSeriesViewProps {
     chain_name: Chain;
     dex_name: string;
     address: string;