chore remove icon coloring

Author: gregfromstl

apps/dashboard/src/app/(app)/team/[team_slug]/[project_slug]/(sidebar)/payments/components/FeatureCard.client.tsx

@@ -23,11 +23,11 @@ export function FeatureCard(props: {
       <div className="flex-1 flex flex-col items-start gap-6 w-full">
         <div className="relative w-full">
           <div
-            className={`${props.color === "green" ? "bg-green-700/25" : "bg-violet-700/25"} rounded-lg size-9 flex items-center justify-center`}
+            className={
+              "border bg-background rounded-lg size-9 flex items-center justify-center"
+            }
           >
-            <props.icon
-              className={`size-5 ${props.color === "green" ? "text-green-500" : "text-violet-500"}`}
-            />
+            <props.icon className={`size-5 text-foreground`} />
           </div>
           {props.badge && (
             <Badge

apps/dashboard/src/app/(app)/team/[team_slug]/[project_slug]/(sidebar)/payments/links/components/PaymentLinksTable.client.tsx

@@ -1,18 +1,18 @@
 "use client";
 
 import { useMutation, useQuery, useQueryClient } from "@tanstack/react-query";
-import { CopyIcon, LinkIcon, PlusIcon, TrashIcon } from "lucide-react";
+import { LinkIcon, PlusIcon, TrashIcon } from "lucide-react";
 import { type PropsWithChildren, useState } from "react";
 import { toast } from "sonner";
 import { toTokens } from "thirdweb";
 import {
   deletePaymentLink,
-  deleteWebhook,
   getPaymentLinks,
   getPayments,
 } from "@/api/universal-bridge/developer";
 import { WalletAddress } from "@/components/blocks/wallet-address";
 import { Button } from "@/components/ui/button";
+import { CopyButton } from "@/components/ui/CopyButton";
 import {
   Dialog,
   DialogContent,
@@ -39,7 +39,6 @@ import { EmptyState } from "../../components/EmptyState";
 import { ErrorState } from "../../components/ErrorState";
 import { formatTokenAmount } from "../../components/format";
 import { CreatePaymentLinkButton } from "./CreatePaymentLinkButton.client";
-import { CopyButton } from "@/components/ui/CopyButton";
 
 export function PaymentLinksTable(props: { clientId: string; teamId: string }) {
   const paymentLinksQuery = useQuery({

apps/dashboard/src/app/(app)/team/[team_slug]/[project_slug]/(sidebar)/payments/links/page.tsx

@@ -1,10 +1,10 @@
+import { PlusIcon } from "lucide-react";
 import { redirect } from "next/navigation";
 import { getProject } from "@/api/projects";
+import { Button } from "@/components/ui/button";
 import { UnderlineLink } from "@/components/ui/UnderlineLink";
-import { PaymentLinksTable } from "./components/PaymentLinksTable.client";
 import { CreatePaymentLinkButton } from "./components/CreatePaymentLinkButton.client";
-import { Button } from "@/components/ui/button";
-import { PlusIcon } from "lucide-react";
+import { PaymentLinksTable } from "./components/PaymentLinksTable.client";
 
 export default async function Page(props: {
   params: Promise<{