fix: Add IconV2 with new svg settings and revert old Icons changed by PR #384

components/shared/Button/v2/Button.tsx

@@ -7,8 +7,8 @@ import React, {
 } from "react";
 import { cn } from "@/lib/utils";
 import BoxFancy, { BoxFancyBorderGradientVariant } from "../../BoxFancy";
-import { IconName } from "@/components/shared/Icon/icons";
-import Icon from "@/components/shared/Icon";
+import { IconNameV2 } from "@/components/shared/Icon/v2/icons";
+import IconV2 from "@/components/shared/Icon/v2";
 import { PolymorphicComponentProp, PolymorphicRef } from "@/lib/types";
 
 export enum ButtonType {
@@ -40,7 +40,7 @@ interface BaseButtonProps {
   variant?: ButtonType;
   size?: ButtonSize;
   icon?: ReactNode;
-  iconName?: IconName;
+  iconName?: IconNameV2;
   disabled?: boolean;
   // inner div className for styling
   boxFancyClassName?: string;
@@ -128,7 +128,8 @@ const InteralButton: InnerButtonComponent = (
         borderGradientColor={borderGradientColor}
         className={buttonClassName}
       >
-        {icon || (iconName && <Icon name={iconName} className={iconClasses} />)}
+        {icon ||
+          (iconName && <IconV2 name={iconName} className={iconClasses} />)}
         <span>{children}</span>
       </BoxFancy>
     </Component>

components/shared/Icon/icons/index.ts

@@ -60,28 +60,6 @@ import star from "./svgs/star.svg";
 import tower from "./svgs/tower.svg";
 import trophy from "./svgs/trophy.svg";
 import tunnel from "./svgs/tunnel.svg";
-
-import calendar from "./svgs/calendar.svg";
-import chatDefault from "./svgs/chat-default.svg";
-import chatUpdates from "./svgs/chat-updates.svg";
-import clock from "./svgs/clock.svg";
-import editMode from "./svgs/edit-mode.svg";
-import frame from "./svgs/frame.svg";
-import helpCircle from "./svgs/help-circle.svg";
-import house from "./svgs/house.svg";
-import houseLock from "./svgs/house-lock.svg";
-import leadingIcon from "./svgs/leading-icon.svg";
-import logOut from "./svgs/log-out.svg";
-import longArrowUpLeft from "./svgs/long-arrow-up-left.svg";
-import nonpublic from "./svgs/nonpublic.svg";
-import notificationDefault from "./svgs/notification-default.svg";
-import notificationUpdates from "./svgs/notification-updates.svg";
-import preview from "./svgs/preview.svg";
-import refresh from "./svgs/refresh.svg";
-import sharing from "./svgs/sharing.svg";
-import sort from "./svgs/sort.svg";
-import x from "./svgs/x.svg";
-
 const icons = {
   logo,
   check,
@@ -145,27 +123,6 @@ const icons = {
   tower,
   trophy,
   tunnel,
-
-  calendar,
-  chatDefault,
-  chatUpdates,
-  clock,
-  editMode,
-  frame,
-  helpCircle,
-  house,
-  houseLock,
-  leadingIcon,
-  logOut,
-  longArrowUpLeft,
-  nonpublic,
-  notificationDefault,
-  notificationUpdates,
-  preview,
-  refresh,
-  sharing,
-  sort,
-  x,
 };
 
 export type IconName = keyof typeof icons;