From 0972bd825f9f83ed19ef09ef4e39aacc9f284ea7 Mon Sep 17 00:00:00 2001 From: James Gentes Date: Thu, 28 Dec 2023 20:56:30 -0800 Subject: [PATCH] faders done --- app/components/icons.tsx | 4 +- app/components/layout/DarkModeButton.tsx | 1 + app/components/layout/Header.tsx | 2 +- app/components/mixes/MixView.tsx | 2 +- app/components/tracks/Controls.tsx | 137 +++++++---------------- 5 files changed, 44 insertions(+), 102 deletions(-) diff --git a/app/components/icons.tsx b/app/components/icons.tsx index 806dd44..6d0e6e1 100644 --- a/app/components/icons.tsx +++ b/app/components/icons.tsx @@ -69,10 +69,10 @@ const PreviousIcon = createIcon( 'M6.73 16.615v-9.23h1v9.23zm10.54 0L10.345 12l6.923-4.615z' ) const RevertIcon = createIcon( - 'M11.962 13q-.402 0-.701-.299q-.3-.3-.3-.701t.3-.701q.299-.299.7-.299t.702.299q.299.3.299.701t-.3.701q-.299.299-.7.299m0 7q-3.052 0-5.314-1.999q-2.261-2-2.617-5.001h1.011q.408 2.58 2.359 4.29t4.56 1.71q2.926 0 4.963-2.037T18.962 12q0-2.925-2.038-4.963T11.962 5q-1.552 0-2.918.656q-1.365.656-2.41 1.806h2.481v1H4.962V4.308h1v2.388q1.16-1.273 2.718-1.984Q10.238 4 11.962 4q1.665 0 3.119.626q1.454.626 2.541 1.713t1.714 2.542q.626 1.453.626 3.118q0 1.664-.626 3.12q-.626 1.454-1.714 2.542q-1.087 1.087-2.541 1.713q-1.454.626-3.12.626' + 'M12 21q-3.15 0-5.575-1.912T3.275 14.2q-.1-.375.15-.687t.675-.363q.4-.05.725.15t.45.6q.6 2.25 2.475 3.675T12 19q2.925 0 4.963-2.037T19 12q0-2.925-2.037-4.962T12 5q-1.725 0-3.225.8T6.25 8H8q.425 0 .713.288T9 9q0 .425-.288.713T8 10H4q-.425 0-.712-.288T3 9V5q0-.425.288-.712T4 4q.425 0 .713.288T5 5v1.35q1.275-1.6 3.113-2.475T12 3q1.875 0 3.513.713t2.85 1.924q1.212 1.213 1.925 2.85T21 12q0 1.875-.712 3.513t-1.925 2.85q-1.213 1.212-2.85 1.925T12 21m0-7q-.825 0-1.412-.587T10 12q0-.825.588-1.412T12 10q.825 0 1.413.588T14 12q0 .825-.587 1.413T12 14' ) const SetMixpointIcon = createIcon( - 'M12 14q.846 0 1.423-.577Q14 12.846 14 12q0-.846-.577-1.423Q12.846 10 12 10q-.846 0-1.423.577Q10 11.154 10 12q0 .846.577 1.423Q11.154 14 12 14m.003 7q-1.866 0-3.51-.708q-1.643-.709-2.859-1.924q-1.216-1.214-1.925-2.856Q3 13.87 3 12.003q0-1.866.708-3.51q.709-1.643 1.924-2.859q1.214-1.216 2.856-1.925Q10.13 3 11.997 3q1.866 0 3.51.708q1.643.709 2.859 1.924q1.216 1.214 1.925 2.856Q21 10.13 21 11.997q0 1.866-.708 3.51q-.709 1.643-1.924 2.859q-1.214 1.216-2.856 1.925Q13.87 21 12.003 21M12 20q3.35 0 5.675-2.325T20 12q0-3.35-2.325-5.675T12 4Q8.65 4 6.325 6.325T4 12q0 3.35 2.325 5.675T12 20m0-8' + 'M12 15q1.25 0 2.125-.875T15 12q0-1.25-.875-2.125T12 9q-1.25 0-2.125.875T9 12q0 1.25.875 2.125T12 15m0 7q-2.075 0-3.9-.788t-3.175-2.137q-1.35-1.35-2.137-3.175T2 12q0-2.075.788-3.9t2.137-3.175q1.35-1.35 3.175-2.137T12 2q2.075 0 3.9.788t3.175 2.137q1.35 1.35 2.138 3.175T22 12q0 2.075-.788 3.9t-2.137 3.175q-1.35 1.35-3.175 2.138T12 22m0-2q3.35 0 5.675-2.325T20 12q0-3.35-2.325-5.675T12 4Q8.65 4 6.325 6.325T4 12q0 3.35 2.325 5.675T12 20m0-8' ) const PauseIcon = createIcon('M14 18V6h3.5v12zm-7.5 0V6H10v12z') const PlayIcon = createIcon('M9 17.192V6.808L17.154 12z') diff --git a/app/components/layout/DarkModeButton.tsx b/app/components/layout/DarkModeButton.tsx index dbc4f97..9cdea00 100644 --- a/app/components/layout/DarkModeButton.tsx +++ b/app/components/layout/DarkModeButton.tsx @@ -8,6 +8,7 @@ const DarkMode = () => { return (