mirror of
https://github.com/logancyang/obsidian-copilot.git
synced 2026-07-22 07:50:24 +00:00
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:
parent
d6255374cb
commit
98e8d0316e
2 changed files with 4 additions and 10 deletions
|
|
@ -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:
|
||||
|
|
|
|||
|
|
@ -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>
|
||||
|
|
|
|||
Loading…
Reference in a new issue