Cut Timeline Handle Into Component

[legomushroom]

Please read the help wanted guide before start.

Illustration:

Task:

Create react (preact) component of the timeline handle. It should take 100% of parent height and should be shifted -10px top :

Colors:

• purple background: #3D1B3C
• orange: #FF4F02
• lines: white

Component Requirements

It should receive shift prop and set that shift as translateX for the component.

Also it should receive scale prop that will affect the translateX value, regarding the simple formular: translateX({shift * scale}px).

Component will have horizontal drag/pan event handler but that's not relevant right now.

Entire sketch mockup could be found here: link and here link.

Cheers! ~

[dev99problems]

Will do

[legomushroom]

Hey, I was at the point where I need it asap, so implemented it myself.