fix:style, add size prop as PlayerItemOptions

1t1e1 · 1t1e1 · commit 104fa558c480 · 2023-01-23T01:18:56.000+03:00
diff --git a/src/components/Player/PlayerItemOptions.tsx b/src/components/Player/PlayerItemOptions.tsx
@@ -47,6 +47,7 @@ export const PlayerItemButtons = (props: Props) => {
             <PlaySpeed
               ariaDescription={t('Playback speed')}
               onChange={(newSpeed) => playerSetPlaybackSpeedAndCookies(newSpeed, cookies, setCookie)}
+              size='small'
               playSpeed={playSpeed}
             />
             {!isEmbed && (
diff --git a/src/components/Player/options/PlaySpeed.tsx b/src/components/Player/options/PlaySpeed.tsx
@@ -14,8 +14,8 @@ type Props = {
   children?: any
 }
 
-export const PlaySpeed = ({ ariaDescription, ariaLabel, ariaPressed, className, onChange, playSpeed }: Props) => {
-  const wrapperClass = classnames(className, 'player-option-button')
+export const PlaySpeed = ({ ariaDescription, ariaLabel, ariaPressed, className, onChange, playSpeed, size }: Props) => {
+  const wrapperClass = classnames(className, 'player-option-button', size)
 
   const DropdownOptions = PV.Player.speedOptions
 

Original file line number	Diff line number	Diff line change
`@@ -14,8 +14,8 @@ type Props = {`
`14`	`14`	`children?: any`
`15`	`15`	`}`
`16`	`16`
`17`		`-export const PlaySpeed = ({ ariaDescription, ariaLabel, ariaPressed, className, onChange, playSpeed }: Props) => {`
`18`		`- const wrapperClass = classnames(className, 'player-option-button')`
	`17`	`+export const PlaySpeed = ({ ariaDescription, ariaLabel, ariaPressed, className, onChange, playSpeed, size }: Props) => {`
	`18`	`+ const wrapperClass = classnames(className, 'player-option-button', size)`
`19`	`19`
`20`	`20`	`const DropdownOptions = PV.Player.speedOptions`
`21`	`21`