refactor(icons): replace Clock3 icon with AlarmClock for automations

This commit is contained in:
Anish Sarkar 2026-06-13 03:34:13 +05:30
parent 78dbdc454a
commit 7493ba9324
6 changed files with 13 additions and 13 deletions

View file

@ -1,5 +1,5 @@
"use client";
import { Clock3 } from "lucide-react";
import { AlarmClock } from "lucide-react";
import Link from "next/link";
import { Button } from "@/components/ui/button";
@ -18,7 +18,7 @@ export function AutomationsEmptyState({ searchSpaceId, canCreate }: AutomationsE
return (
<div className="rounded-lg border border-dashed border-border/60 bg-muted/20 px-6 py-12 text-center">
<div className="mx-auto flex h-12 w-12 items-center justify-center rounded-full bg-muted text-muted-foreground">
<Clock3 className="h-6 w-6" aria-hidden />
<AlarmClock className="h-6 w-6" aria-hidden />
</div>
<h3 className="mt-4 text-base font-semibold text-foreground">No automations yet</h3>
<p className="mt-1 text-sm text-muted-foreground max-w-md mx-auto">

View file

@ -1,5 +1,5 @@
"use client";
import { CalendarDays, Clock3, Info } from "lucide-react";
import { CalendarDays, AlarmClock, Info } from "lucide-react";
import { Table, TableBody, TableHead, TableHeader, TableRow } from "@/components/ui/table";
import type { AutomationSummary } from "@/contracts/types/automation.types";
import { AutomationRow } from "./automation-row";
@ -31,7 +31,7 @@ export function AutomationsTable({
<TableRow className="hover:bg-transparent border-b border-border/60">
<TableHead className="px-4 md:px-6 border-r border-border/60">
<span className="flex items-center gap-1.5 text-sm font-medium text-muted-foreground/70">
<Clock3 size={14} className="opacity-60 text-muted-foreground" />
<AlarmClock size={14} className="opacity-60 text-muted-foreground" />
Name
</span>
</TableHead>

View file

@ -2,7 +2,7 @@
import { useQuery } from "@tanstack/react-query";
import { useAtom, useAtomValue, useSetAtom } from "jotai";
import { AlertTriangle, Clock3, Inbox, LibraryBig } from "lucide-react";
import { AlertTriangle, AlarmClock, Inbox, LibraryBig } from "lucide-react";
import { useParams, usePathname, useRouter } from "next/navigation";
import { useTranslations } from "next-intl";
import { useTheme } from "next-themes";
@ -342,7 +342,7 @@ export function LayoutDataProvider({ searchSpaceId, children }: LayoutDataProvid
{
title: "Automations",
url: `/dashboard/${searchSpaceId}/automations`,
icon: Clock3,
icon: AlarmClock,
isActive: isAutomationsActive,
},
isMobile

View file

@ -1,7 +1,7 @@
"use client";
import {
Clock3,
AlarmClock,
FilePlus2,
Search,
Settings2,
@ -22,7 +22,7 @@ interface ChatExamplePromptsProps {
const CATEGORY_ICONS: Record<string, LucideIcon> = {
search: Search,
create: FilePlus2,
automate: Clock3,
automate: AlarmClock,
tools: Settings2,
};

View file

@ -2,7 +2,7 @@
import type { ToolCallMessagePartProps } from "@assistant-ui/react";
import { useAtomValue } from "jotai";
import { AlertCircle, Clock3, CornerDownLeftIcon, ExternalLink, Pencil } from "lucide-react";
import { AlertCircle, AlarmClock, CornerDownLeftIcon, ExternalLink, Pencil } from "lucide-react";
import Link from "next/link";
import { useCallback, useEffect, useMemo, useRef, useState } from "react";
import {
@ -211,7 +211,7 @@ function ApprovalCard({ args, interruptData, onDecision }: ApprovalCardProps) {
<div className="my-4 max-w-lg overflow-hidden rounded-2xl border bg-muted/30 transition-[box-shadow] duration-300">
<div className="flex items-start justify-between gap-3 px-5 pt-5 pb-4 select-none">
<div className="flex items-start gap-3 min-w-0">
<Clock3 className="h-5 w-5 text-muted-foreground mt-0.5 shrink-0" aria-hidden />
<AlarmClock className="h-5 w-5 text-muted-foreground mt-0.5 shrink-0" aria-hidden />
<div className="min-w-0">
<p className="text-sm font-semibold text-foreground">
{phase === "rejected"
@ -404,7 +404,7 @@ function SavedCard({ result }: { result: SavedResult }) {
return (
<div className="my-4 max-w-lg overflow-hidden rounded-2xl border bg-muted/30 select-none">
<div className="flex items-start gap-3 px-5 pt-5 pb-4">
<Clock3 className="h-5 w-5 text-muted-foreground mt-0.5 shrink-0" aria-hidden />
<AlarmClock className="h-5 w-5 text-muted-foreground mt-0.5 shrink-0" aria-hidden />
<div className="min-w-0">
<p className="text-sm font-semibold text-foreground">Automation saved</p>
<p className="text-xs text-muted-foreground mt-0.5">{result.name}</p>

View file

@ -1,7 +1,7 @@
import {
Brain,
Calendar,
Clock3,
AlarmClock,
FileEdit,
FilePlus,
FileText,
@ -47,7 +47,7 @@ const TOOL_ICONS: Record<string, LucideIcon> = {
scrape_webpage: ScanLine,
web_search: Globe,
// Automations
create_automation: Clock3,
create_automation: AlarmClock,
// Memory
update_memory: Brain,
// Filesystem (built-in deepagent + middleware)