chore(icons): drop deprecated lucide Youtube icon; reuse Globe for URLs (#2449)

The `Youtube` brand icon from lucide-react is deprecated and slated for
removal. The YouTube section header and per-row icon already sit next to
the "YouTube" label or full URL, so the brand mark is redundant — collapse
both web and youtube items to the existing `Globe` icon.

Co-authored-by: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
This commit is contained in:
Zero Liu 2026-05-14 01:19:41 -07:00 committed by GitHub
parent d6255374cb
commit 98e8d0316e
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
2 changed files with 4 additions and 10 deletions

View file

@ -28,7 +28,6 @@ import {
Loader2,
RefreshCw,
X,
Youtube,
} from "lucide-react";
import React, { useCallback, useRef, useState } from "react";
@ -83,9 +82,8 @@ function FileTypeIcon({ fileType }: { fileType: ProcessingItem["fileType"] }) {
case "image":
return <FileImage className="tw-size-3.5 tw-text-accent" />;
case "web":
return <Globe className="tw-size-3.5 tw-text-accent" />;
case "youtube":
return <Youtube className="tw-size-3.5 tw-text-error" />;
return <Globe className="tw-size-3.5 tw-text-accent" />;
case "audio":
return <FileVideo className="tw-size-3.5 tw-text-warning" />;
default:

View file

@ -12,7 +12,7 @@
import { Button } from "@/components/ui/button";
import { type UrlItem, detectUrlType, isValidUrl } from "@/utils/urlTagUtils";
import { TruncatedText } from "@/components/TruncatedText";
import { ClipboardPaste, Globe, Link, X, Youtube } from "lucide-react";
import { ClipboardPaste, Globe, Link, X } from "lucide-react";
import React, {
useCallback,
useRef,
@ -155,7 +155,7 @@ export function UrlTagInput({ urls, onAdd, onRemove }: UrlTagInputProps) {
{youtubeUrls.length > 0 && (
<div className="tw-p-2">
<div className="tw-mb-2 tw-flex tw-items-center tw-gap-1.5 tw-px-1">
<Youtube className="tw-size-3.5 tw-text-error" />
<Globe className="tw-size-3.5 tw-text-accent" />
<span className="tw-text-ui-smaller tw-font-medium tw-text-muted">
YouTube ({youtubeUrls.length})
</span>
@ -225,11 +225,7 @@ function UrlItemRow({ url, onRemove }: { url: UrlItem; onRemove: (id: string) =>
return (
<div className="tw-group tw-flex tw-items-center tw-justify-between tw-rounded tw-px-2 tw-py-1.5 hover:tw-bg-modifier-hover">
<div className="tw-flex tw-min-w-0 tw-flex-1 tw-items-center tw-gap-2">
{url.type === "youtube" ? (
<Youtube className="tw-size-3.5 tw-shrink-0 tw-text-error" />
) : (
<Globe className="tw-size-3.5 tw-shrink-0 tw-text-accent" />
)}
<Globe className="tw-size-3.5 tw-shrink-0 tw-text-accent" />
<TruncatedText className="tw-text-sm tw-text-normal" tooltipContent={url.url}>
{url.url.replace(/^https?:\/\//, "")}
</TruncatedText>