feat: use Lucide instead of Radix icons

jaaydenh · jaaydenh · commit 0e364fc5d155 · 2024-11-02T18:00:25.000Z
diff --git a/site/package.json b/site/package.json
@@ -50,7 +50,6 @@
 		"@mui/system": "5.16.7",
 		"@mui/utils": "5.16.6",
 		"@mui/x-tree-view": "7.18.0",
-		"@radix-ui/react-icons": "1.3.0",
 		"@radix-ui/react-slot": "1.1.0",
 		"@tanstack/react-query-devtools": "4.35.3",
 		"@xterm/addon-canvas": "0.7.0",
diff --git a/site/pnpm-lock.yaml b/site/pnpm-lock.yaml
diff --git a/site/src/pages/DeploymentSettingsPage/PremiumPage/PremiumPageView.tsx b/site/src/pages/DeploymentSettingsPage/PremiumPage/PremiumPageView.tsx
@@ -1,4 +1,4 @@
-import { ExternalLinkIcon } from "@radix-ui/react-icons";
+import { SquareArrowOutUpRight } from "lucide-react";
 import { Button } from "components/ui/button";
 import type { FC } from "react";
 import { docs } from "utils/docs";
@@ -37,7 +37,7 @@ const EnterpriseVersion: FC = () => {
 						<h2 className="text-sm font-semibold m-0">
 							Multi-Organization Access Controls&nbsp;
 						</h2>
-						<ExternalLinkIcon />
+						<SquareArrowOutUpRight size={14} />
 					</span>
 				</a>
 				<p className="text-sm max-w-xl text-content-secondary mt-0 font-medium">
@@ -53,7 +53,7 @@ const EnterpriseVersion: FC = () => {
 				>
 					<span className="flex items-center">
 						<h2 className="text-sm font-semibold m-0">Custom Role&nbsp;</h2>
-						<ExternalLinkIcon />
+						<SquareArrowOutUpRight size={14} />
 					</span>
 				</a>
 				<p className="text-sm max-w-xl text-content-secondary mt-0 font-medium">
@@ -67,11 +67,11 @@ const EnterpriseVersion: FC = () => {
 					className="no-underline text-sm text-content-link"
 					href={docs("/admin/users/quotas")}
 				>
-					<span className="flex items-center">
+					<span className="flex items-center text-sm">
 						<h2 className="text-sm font-semibold m-0">
 							Org-Level Quotas for Chargeback&nbsp;
 						</h2>
-						<ExternalLinkIcon />
+						<SquareArrowOutUpRight size={14} />
 					</span>
 				</a>
 				<p className="text-sm max-w-xl text-content-secondary mt-0 font-medium">
diff --git a/site/tsconfig.json b/site/tsconfig.json
@@ -16,10 +16,7 @@
 		"skipLibCheck": true,
 		"strict": true,
 		"target": "es2020",
-		"baseUrl": "src/",
-		"paths": {
-			"@/*": ["./*"]
-		}
+		"baseUrl": "src/"
 	},
 	"include": ["**/*.ts", "**/*.tsx"],
 	"exclude": ["node_modules/", "_jest"],
