refactor: change button variant from 'ghost' to 'text' across multiple components for consistency

1 files changed, 9 insertions, 9 deletions

diff --git a/apps/web/src/components/editor/timeline.tsx b/apps/web/src/components/editor/timeline.tsx
index ce81f9e3..9abb5221 100644
--- a/apps/web/src/components/editor/timeline.tsx
+++ b/apps/web/src/components/editor/timeline.tsx
@@ -498,7 +498,7 @@ export function Timeline() {
           <Tooltip>

             <TooltipTrigger asChild>

               <Button

-                variant="ghost"

+                variant="text"

                 size="icon"

                 onClick={toggle}

                 className="mr-2"

@@ -549,7 +549,7 @@ export function Timeline() {
 

           <Tooltip>

             <TooltipTrigger asChild>

-              <Button variant="ghost" size="icon" onClick={handleSplitSelected}>

+              <Button variant="text" size="icon" onClick={handleSplitSelected}>

                 <Scissors className="h-4 w-4" />

               </Button>

             </TooltipTrigger>

@@ -558,7 +558,7 @@ export function Timeline() {
 

           <Tooltip>

             <TooltipTrigger asChild>

-              <Button variant="ghost" size="icon">

+              <Button variant="text" size="icon">

                 <ArrowLeftToLine className="h-4 w-4" />

               </Button>

             </TooltipTrigger>

@@ -567,7 +567,7 @@ export function Timeline() {
 

           <Tooltip>

             <TooltipTrigger asChild>

-              <Button variant="ghost" size="icon">

+              <Button variant="text" size="icon">

                 <ArrowRightToLine className="h-4 w-4" />

               </Button>

             </TooltipTrigger>

@@ -576,7 +576,7 @@ export function Timeline() {
 

           <Tooltip>

             <TooltipTrigger asChild>

-              <Button variant="ghost" size="icon">

+              <Button variant="text" size="icon">

                 <SplitSquareHorizontal className="h-4 w-4" />

               </Button>

             </TooltipTrigger>

@@ -585,7 +585,7 @@ export function Timeline() {
 

           <Tooltip>

             <TooltipTrigger asChild>

-              <Button variant="ghost" size="icon" onClick={handleDuplicateSelected}>

+              <Button variant="text" size="icon" onClick={handleDuplicateSelected}>

                 <Copy className="h-4 w-4" />

               </Button>

             </TooltipTrigger>

@@ -594,7 +594,7 @@ export function Timeline() {
 

           <Tooltip>

             <TooltipTrigger asChild>

-              <Button variant="ghost" size="icon" onClick={handleFreezeSelected}>

+              <Button variant="text" size="icon" onClick={handleFreezeSelected}>

                 <Snowflake className="h-4 w-4" />

               </Button>

             </TooltipTrigger>

@@ -603,7 +603,7 @@ export function Timeline() {
 

           <Tooltip>

             <TooltipTrigger asChild>

-              <Button variant="ghost" size="icon" onClick={handleDeleteSelected}>

+              <Button variant="text" size="icon" onClick={handleDeleteSelected}>

                 <Trash2 className="h-4 w-4" />

               </Button>

             </TooltipTrigger>

@@ -1625,7 +1625,7 @@ function TimelineTrackContent({
                     {/* Clip options menu */}

                     <div className="absolute top-1 right-1 z-10">

                       <Button

-                        variant="ghost"

+                        variant="text"

                         size="icon"

                         className="opacity-0 group-hover:opacity-100 transition-opacity"

                         onClick={() => setClipMenuOpen(clip.id)}