chore(StakingProductsCardGrid): update imports

Author: TylerAPfledderer

src/components/Staking/StakingProductsCardGrid/StakingProductCard.tsx

@@ -12,14 +12,16 @@ import {
   ListIcon,
   ListItem,
 } from "@chakra-ui/react"
+
 import { ButtonLink } from "../../Buttons"
-import Translation from "../../Translation"
 import {
   CautionProductGlyphIcon,
   GreenCheckProductGlyphIcon,
   UnknownProductGlyphIcon,
   WarningProductGlyphIcon,
 } from "../../icons/staking"
+import Translation from "../../Translation"
+
 import { FlagType, Product } from "./types"
 
 const getIconFromName = (imageName: string): typeof ChakraIcon | undefined => {

src/components/Staking/StakingProductsCardGrid/index.tsx

@@ -1,8 +1,9 @@
 import React from "react"
 import { SimpleGrid } from "@chakra-ui/react"
+
 import { StakingProductCard } from "./StakingProductCard"
-import { useStakingProductsCardGrid } from "./useStakingProductsCardGrid"
 import { StakingProductsCategoryKeys } from "./types"
+import { useStakingProductsCardGrid } from "./useStakingProductsCardGrid"
 
 export interface IProps {
   category: StakingProductsCategoryKeys

src/components/Staking/StakingProductsCardGrid/types.ts

@@ -1,5 +1,6 @@
-import { type MatomoEventOptions } from "../../../utils/matomo"
-import type stakingProducts from "../../../data/staking-products.json"
+import type { MatomoEventOptions } from "@/lib/utils/matomo"
+
+import type stakingProducts from "@/data/staking-products.json"
 
 export enum FlagType {
   VALID = "green-check",

src/components/Staking/StakingProductsCardGrid/useStakingProductsCardGrid.ts

@@ -1,6 +1,9 @@
 import { useEffect, useState } from "react"
 import { shuffle } from "lodash"
 import { useColorModeValue } from "@chakra-ui/react"
+
+import stakingProducts from "@/data/staking-products.json"
+
 import {
   KeyGenType,
   NodeToolsType,
@@ -9,15 +12,13 @@ import {
   SaasType,
   StakingProductsCategoryKeys,
 } from "./types"
-import stakingProducts from "../../../data/staking-products.json"
-
 import {
   getBrandProperties,
-  getTagProperties,
-  getSharedSecurityProperties,
-  getFlagFromBoolean,
   getDiversityOfClients,
+  getFlagFromBoolean,
   getRankingScore,
+  getSharedSecurityProperties,
+  getTagProperties,
 } from "./utils"
 
 export const useStakingProductsCardGrid = ({

src/components/Staking/StakingProductsCardGrid/utils.ts

@@ -1,4 +1,4 @@
-import { Product, FlagType, StakingCategoryType } from "./types"
+import { FlagType, Product, StakingCategoryType } from "./types"
 
 const scoreOpenSource = (product: Product): 1 | 0 => {
   return product.openSource === FlagType.VALID ? 1 : 0
@@ -129,10 +129,10 @@ const getSharedSecurityProperties = (
 })
 
 export {
-  getRankingScore,
+  getBrandProperties,
   getDiversityOfClients,
   getFlagFromBoolean,
-  getBrandProperties,
-  getTagProperties,
+  getRankingScore,
   getSharedSecurityProperties,
+  getTagProperties,
 }