11"use client" ;
22
3- import LanguageSwitcher from "@/components/language-switcher" ;
43import FindReplace from "@/components/find-replace" ;
4+ import LanguageSwitcher from "@/components/language-switcher" ;
55import LoadSrt from "@/components/load-srt" ;
66import SaveSrt from "@/components/save-srt" ;
77import { Button } from "@/components/ui/button" ;
@@ -14,12 +14,12 @@ import {
1414 TooltipTrigger ,
1515} from "@/components/ui/tooltip" ;
1616import {
17+ IconAdjustmentsHorizontal ,
1718 IconArrowBack ,
1819 IconArrowForward ,
20+ IconBrandGithub ,
1921 IconMovie ,
2022 IconQuestionMark ,
21- IconBrandGithub ,
22- IconAdjustmentsHorizontal ,
2323} from "@tabler/icons-react" ;
2424import { useTranslations } from "next-intl" ;
2525import Link from "next/link" ;
@@ -128,15 +128,19 @@ export function AppHeader({
128128 variant = { isBulkOffsetOpen ? "default" : "outline" }
129129 onClick = { onToggleBulkOffset }
130130 disabled = { bulkOffsetDisabled }
131- className = "flex items-center gap-2 rounded-none "
131+ className = "flex items-center gap-2 border-black rounded-xs "
132132 aria-pressed = { isBulkOffsetOpen }
133133 >
134- < IconAdjustmentsHorizontal size = { 18 } />
135- < span className = "hidden sm:inline" > Offset time</ span >
134+ < IconAdjustmentsHorizontal />
135+ < span className = "hidden sm:inline" >
136+ { t ( "navigation.bulkOffset" ) }
137+ </ span >
136138 </ Button >
137139 </ TooltipTrigger >
138140 < TooltipContent >
139- { isBulkOffsetOpen ? "Hide bulk offset" : "Show bulk offset" }
141+ { isBulkOffsetOpen
142+ ? t ( "navigation.hideBulkOffset" )
143+ : t ( "navigation.showBulkOffset" ) }
140144 </ TooltipContent >
141145 </ Tooltip >
142146 </ TooltipProvider >
0 commit comments