rename

covalenthq · Jan 5, 2024 · 38b3279 · 38b3279
1 parent a623f57
commit 38b3279
Show file tree

Hide file tree

Showing 3 changed files with 16 additions and 16 deletions.
diff --git a/...eSeriesView/XYKTimeSeriesView.stories.tsx → ...iesView/XYKPoolTimeSeriesView.stories.tsx b/...eSeriesView/XYKTimeSeriesView.stories.tsx → ...iesView/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/...K/XYKTimeSeriesView/XYKTimeSeriesView.tsx → ...lTimeSeriesView/XYKPoolTimeSeriesView.tsx b/...K/XYKTimeSeriesView/XYKTimeSeriesView.tsx → ...lTimeSeriesView/XYKPoolTimeSeriesView.tsx
@@ -8,19 +8,19 @@ 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,
 }) => {
     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
@@ -23,7 +23,7 @@ export interface NFTSalesCountViewProps {
     token_id?: string;
 }
 
-export interface XYKTimeSeriesViewProps {
+export interface XYKPoolTimeSeriesViewProps {
     chain_name: Chain;
     dex_name: string;
     address: string;