From 855c334f7ef277590f2e34cf27a5ab39e7264e26 Mon Sep 17 00:00:00 2001
From: Anish Sarkar <104695310+AnishSarkar22@users.noreply.github.com>
Date: Sun, 8 Mar 2026 18:32:25 +0530
Subject: [PATCH] refactor: replace PencilIcon with Pen in various components
 for consistent icon usage

---
 surfsense_web/components/tool-ui/google-drive/create-file.tsx | 4 ++--
 .../components/tool-ui/linear/create-linear-issue.tsx         | 4 ++--
 .../components/tool-ui/linear/update-linear-issue.tsx         | 4 ++--
 .../components/tool-ui/notion/create-notion-page.tsx          | 4 ++--
 .../components/tool-ui/notion/update-notion-page.tsx          | 4 ++--
 5 files changed, 10 insertions(+), 10 deletions(-)

diff --git a/surfsense_web/components/tool-ui/google-drive/create-file.tsx b/surfsense_web/components/tool-ui/google-drive/create-file.tsx
index f2cc97dcf..fb3fb65a0 100644
--- a/surfsense_web/components/tool-ui/google-drive/create-file.tsx
+++ b/surfsense_web/components/tool-ui/google-drive/create-file.tsx
@@ -6,7 +6,7 @@ import {
 	CheckIcon,
 	FileIcon,
 	Loader2Icon,
-	PencilIcon,
+	Pen,
 	RefreshCwIcon,
 	XIcon,
 } from "lucide-react";
@@ -400,7 +400,7 @@ function ApprovalCard({
 						)}
 						{canEdit && (
 							<Button size="sm" variant="outline" onClick={() => setIsEditing(true)}>
-								<PencilIcon />
+								<Pen />
 								Edit
 							</Button>
 						)}
diff --git a/surfsense_web/components/tool-ui/linear/create-linear-issue.tsx b/surfsense_web/components/tool-ui/linear/create-linear-issue.tsx
index b6eea7a28..ec45ff2aa 100644
--- a/surfsense_web/components/tool-ui/linear/create-linear-issue.tsx
+++ b/surfsense_web/components/tool-ui/linear/create-linear-issue.tsx
@@ -1,7 +1,7 @@
 "use client";
 
 import { makeAssistantToolUI } from "@assistant-ui/react";
-import { AlertTriangleIcon, CheckIcon, Loader2Icon, PencilIcon, XIcon } from "lucide-react";
+import { AlertTriangleIcon, CheckIcon, Loader2Icon, Pen, XIcon } from "lucide-react";
 import { useMemo, useState } from "react";
 import { Button } from "@/components/ui/button";
 import { Input } from "@/components/ui/input";
@@ -495,7 +495,7 @@ function ApprovalCard({
 						)}
 						{canEdit && (
 							<Button size="sm" variant="outline" onClick={() => setIsEditing(true)}>
-								<PencilIcon />
+								<Pen />
 								Edit
 							</Button>
 						)}
diff --git a/surfsense_web/components/tool-ui/linear/update-linear-issue.tsx b/surfsense_web/components/tool-ui/linear/update-linear-issue.tsx
index fa1c2c687..076896549 100644
--- a/surfsense_web/components/tool-ui/linear/update-linear-issue.tsx
+++ b/surfsense_web/components/tool-ui/linear/update-linear-issue.tsx
@@ -6,7 +6,7 @@ import {
 	CheckIcon,
 	InfoIcon,
 	Loader2Icon,
-	PencilIcon,
+	Pen,
 	XIcon,
 } from "lucide-react";
 import { useState } from "react";
@@ -618,7 +618,7 @@ function ApprovalCard({
 						)}
 						{canEdit && (
 							<Button size="sm" variant="outline" onClick={() => setIsEditing(true)}>
-								<PencilIcon />
+								<Pen />
 								Edit
 							</Button>
 						)}
diff --git a/surfsense_web/components/tool-ui/notion/create-notion-page.tsx b/surfsense_web/components/tool-ui/notion/create-notion-page.tsx
index e148c71ba..46e092649 100644
--- a/surfsense_web/components/tool-ui/notion/create-notion-page.tsx
+++ b/surfsense_web/components/tool-ui/notion/create-notion-page.tsx
@@ -1,7 +1,7 @@
 "use client";
 
 import { makeAssistantToolUI } from "@assistant-ui/react";
-import { AlertTriangleIcon, CheckIcon, Loader2Icon, PencilIcon, XIcon } from "lucide-react";
+import { AlertTriangleIcon, CheckIcon, Loader2Icon, Pen, XIcon } from "lucide-react";
 import { useMemo, useState } from "react";
 import { Button } from "@/components/ui/button";
 import { Input } from "@/components/ui/input";
@@ -373,7 +373,7 @@ function ApprovalCard({
 						)}
 						{canEdit && (
 							<Button size="sm" variant="outline" onClick={() => setIsEditing(true)}>
-								<PencilIcon />
+								<Pen />
 								Edit
 							</Button>
 						)}
diff --git a/surfsense_web/components/tool-ui/notion/update-notion-page.tsx b/surfsense_web/components/tool-ui/notion/update-notion-page.tsx
index de8fdd359..885c4325f 100644
--- a/surfsense_web/components/tool-ui/notion/update-notion-page.tsx
+++ b/surfsense_web/components/tool-ui/notion/update-notion-page.tsx
@@ -8,7 +8,7 @@ import {
 	Loader2Icon,
 	MaximizeIcon,
 	MinimizeIcon,
-	PencilIcon,
+	Pen,
 	XIcon,
 } from "lucide-react";
 import { useMemo, useState } from "react";
@@ -336,7 +336,7 @@ function ApprovalCard({
 							)}
 							{canEdit && (
 								<Button size="sm" variant="outline" onClick={() => setIsEditing(true)}>
-									<PencilIcon />
+									<Pen />
 									Edit
 								</Button>
 							)}