softbuilders-react-video-player 1.3.17 → 1.3.19
Sign up to get free protection for your applications and to get access to all the features.
- package/dist/components/BufferTracker/index.js +8 -6
- package/dist/components/BufferTracker/index.js.map +1 -1
- package/dist/components/BufferTracker/index.tsx +7 -5
- package/dist/components/ControlBar/index.js +1 -1
- package/dist/components/ControlBar/index.js.map +1 -1
- package/dist/components/ControlBar/index.tsx +1 -20
- package/dist/components/CurrentTimeTracker/index.js +9 -7
- package/dist/components/CurrentTimeTracker/index.js.map +1 -1
- package/dist/components/CurrentTimeTracker/index.tsx +9 -7
- package/dist/components/SoftBuildersVideoPlayer/index.d.ts +2 -1
- package/dist/components/SoftBuildersVideoPlayer/index.js +4 -3
- package/dist/components/SoftBuildersVideoPlayer/index.js.map +1 -1
- package/dist/components/SoftBuildersVideoPlayer/index.tsx +5 -1
- package/dist/components/VideoPlayerComponent/index.d.ts +2 -1
- package/dist/components/VideoPlayerComponent/index.js +23 -1
- package/dist/components/VideoPlayerComponent/index.js.map +1 -1
- package/dist/components/VideoPlayerComponent/index.tsx +27 -2
- package/dist/components/VolumeSlider/index.js +21 -10
- package/dist/components/VolumeSlider/index.js.map +1 -1
- package/dist/components/VolumeSlider/index.tsx +28 -16
- package/dist/components/icons/BackwardIcon.tsx +20 -20
- package/dist/components/icons/CheckedIcon.tsx +20 -20
- package/dist/components/icons/ClosedNoteIcon.tsx +17 -17
- package/dist/components/icons/ForwardIcon.tsx +20 -20
- package/dist/components/icons/FullScreenIcon.tsx +20 -20
- package/dist/components/icons/LeftArrowIcon.tsx +20 -20
- package/dist/components/icons/MuteIcon.tsx +21 -21
- package/dist/components/icons/NoteIcon.tsx +17 -17
- package/dist/components/icons/OpenNoteIcon.tsx +17 -17
- package/dist/components/icons/PauseIcon.tsx +14 -14
- package/dist/components/icons/PlayIcon.tsx +20 -20
- package/dist/components/icons/SettingsIcon.tsx +17 -17
- package/dist/components/icons/SkillamiIcon.tsx +25 -25
- package/dist/components/icons/SubIcon.tsx +27 -27
- package/dist/components/icons/SubtitlesIcon.tsx +14 -14
- package/dist/components/icons/UnmuteIcon.tsx +17 -17
- package/dist/components/icons/VolumeHigh.tsx +15 -15
- package/dist/components/icons/VolumeLow.tsx +14 -14
- package/dist/components/icons/VolumeMute.tsx +25 -25
- package/dist/components/icons/VolumeVLow.tsx +14 -14
- package/dist/components/icons/index.ts +20 -20
- package/dist/index.d.mts +2 -1
- package/dist/index.mjs +44 -21
- package/package.json +1 -1
- package/dist/components/icons/VolumeHighIcon.d.ts +0 -3
- package/dist/components/icons/VolumeHighIcon.js +0 -4
- package/dist/components/icons/VolumeHighIcon.js.map +0 -1
- package/dist/components/icons/VolumeHighIcon.tsx +0 -16
- package/dist/components/icons/VolumeIconHigh.d.ts +0 -3
- package/dist/components/icons/VolumeIconHigh.js +0 -4
- package/dist/components/icons/VolumeIconHigh.js.map +0 -1
- package/dist/components/icons/VolumeIconHigh.tsx +0 -16
- package/dist/components/icons/VolumeIconLow copy.d.ts +0 -3
- package/dist/components/icons/VolumeIconLow copy.js +0 -4
- package/dist/components/icons/VolumeIconLow copy.js.map +0 -1
- package/dist/components/icons/VolumeIconLow copy.tsx +0 -17
- package/dist/components/icons/VolumeLowIcon.d.ts +0 -3
- package/dist/components/icons/VolumeLowIcon.js +0 -4
- package/dist/components/icons/VolumeLowIcon.js.map +0 -1
- package/dist/components/icons/VolumeLowIcon.tsx +0 -15
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/VolumeSlider/index.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACnD,OAAO,MAAM,MAAM,WAAW,CAAC;AAC/B,OAAO,EAAE,iCAAiC,EAAE,MAAM,kCAAkC,CAAC;
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/VolumeSlider/index.tsx"],"names":[],"mappings":"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"}
|
@@ -1,9 +1,7 @@
|
|
1
1
|
import React, { useEffect, useState } from "react";
|
2
2
|
import Slider from "../Slider";
|
3
3
|
import { useSoftBuildersVideoPlayerContext } from "../VideoPlayerComponent/provider";
|
4
|
-
import { MuteIcon, UnmuteIcon } from "../../images";
|
5
4
|
import { VolumeHigh, VolumeLow, VolumeMute, VolumeVLow } from "../icons";
|
6
|
-
import { set } from "video.js/dist/types/tech/middleware";
|
7
5
|
|
8
6
|
const MIN = 0,
|
9
7
|
MAX = 100;
|
@@ -31,28 +29,44 @@ const VolumeSlider = ({
|
|
31
29
|
const [isClicked, setClicked] = useState(false);
|
32
30
|
|
33
31
|
// Sync volume state with player's volume and mute states
|
32
|
+
// const updateVolumeState = () => {
|
33
|
+
// if (player?.muted && player?.volume) {
|
34
|
+
// const currentVolume = player?.muted()
|
35
|
+
// ? 0
|
36
|
+
// : Number(player?.volume() || 0) * 100;
|
37
|
+
// setVolume(currentVolume);
|
38
|
+
// }
|
39
|
+
// };
|
40
|
+
|
34
41
|
const updateVolumeState = () => {
|
35
|
-
if (
|
36
|
-
|
42
|
+
if (
|
43
|
+
player &&
|
44
|
+
typeof player.muted === "function" &&
|
45
|
+
typeof player.volume === "function"
|
46
|
+
) {
|
47
|
+
const currentVolume = player.muted()
|
37
48
|
? 0
|
38
|
-
: Number(player
|
49
|
+
: Number(player.volume() || 0) * 100;
|
39
50
|
setVolume(currentVolume);
|
40
51
|
}
|
41
52
|
};
|
53
|
+
|
42
54
|
useEffect(() => {
|
43
55
|
if (player) {
|
44
56
|
// Initial volume setup
|
45
57
|
updateVolumeState();
|
46
58
|
|
59
|
+
const handleVolumeChange = () => updateVolumeState();
|
60
|
+
|
47
61
|
// Listen for volume changes
|
48
|
-
player?.on("volumechange", updateVolumeState);
|
62
|
+
// player?.on("volumechange", updateVolumeState);
|
63
|
+
player.on("volumechange", handleVolumeChange);
|
64
|
+
// Cleanup event listener on unmount
|
65
|
+
return () => {
|
66
|
+
// player?.off("volumechange", updateVolumeState);
|
67
|
+
player.off("volumechange", handleVolumeChange);
|
68
|
+
};
|
49
69
|
}
|
50
|
-
// Cleanup event listener on unmount
|
51
|
-
return () => {
|
52
|
-
if (player) {
|
53
|
-
player?.off("volumechange", updateVolumeState);
|
54
|
-
}
|
55
|
-
};
|
56
70
|
}, [player]);
|
57
71
|
const handleVolumeSliderClick = (e: React.MouseEvent<HTMLDivElement>) => {
|
58
72
|
e.stopPropagation();
|
@@ -170,7 +184,7 @@ const VolumeSlider = ({
|
|
170
184
|
onDoubleClick={handleDoubleClick}
|
171
185
|
>
|
172
186
|
{player &&
|
173
|
-
(volume == 0
|
187
|
+
(volume == 0 ? (
|
174
188
|
<VolumeMute
|
175
189
|
className={`sb-w-3 sb-h-3 ${
|
176
190
|
(width < 400 && player?.isFullscreen_ === false) || isTrailer
|
@@ -220,9 +234,7 @@ const VolumeSlider = ({
|
|
220
234
|
} sb-relative`}
|
221
235
|
>
|
222
236
|
<Slider
|
223
|
-
onMouseMove={
|
224
|
-
onMouseMove
|
225
|
-
}
|
237
|
+
onMouseMove={onMouseMove}
|
226
238
|
setNoteOpen={setNoteOpen}
|
227
239
|
value={volume}
|
228
240
|
handleValueChange={handleValueChange}
|
@@ -1,20 +1,20 @@
|
|
1
|
-
import type { SVGProps } from "react";
|
2
|
-
const SvgBackwardIcon = (props: SVGProps<SVGSVGElement>) => (
|
3
|
-
<svg
|
4
|
-
xmlns="http://www.w3.org/2000/svg"
|
5
|
-
width="1em"
|
6
|
-
height="1em"
|
7
|
-
fill="none"
|
8
|
-
viewBox="0 0 16 15"
|
9
|
-
{...props}
|
10
|
-
>
|
11
|
-
<path
|
12
|
-
stroke="#fff"
|
13
|
-
strokeLinecap="round"
|
14
|
-
strokeLinejoin="round"
|
15
|
-
strokeWidth={2}
|
16
|
-
d="M1 2.16v4m0 0h4m-4 0 3.093-2.906a6 6 0 1 1-1.42 6.24"
|
17
|
-
/>
|
18
|
-
</svg>
|
19
|
-
);
|
20
|
-
export default SvgBackwardIcon;
|
1
|
+
import type { SVGProps } from "react";
|
2
|
+
const SvgBackwardIcon = (props: SVGProps<SVGSVGElement>) => (
|
3
|
+
<svg
|
4
|
+
xmlns="http://www.w3.org/2000/svg"
|
5
|
+
width="1em"
|
6
|
+
height="1em"
|
7
|
+
fill="none"
|
8
|
+
viewBox="0 0 16 15"
|
9
|
+
{...props}
|
10
|
+
>
|
11
|
+
<path
|
12
|
+
stroke="#fff"
|
13
|
+
strokeLinecap="round"
|
14
|
+
strokeLinejoin="round"
|
15
|
+
strokeWidth={2}
|
16
|
+
d="M1 2.16v4m0 0h4m-4 0 3.093-2.906a6 6 0 1 1-1.42 6.24"
|
17
|
+
/>
|
18
|
+
</svg>
|
19
|
+
);
|
20
|
+
export default SvgBackwardIcon;
|
@@ -1,20 +1,20 @@
|
|
1
|
-
import type { SVGProps } from "react";
|
2
|
-
const SvgCheckedIcon = (props: SVGProps<SVGSVGElement>) => (
|
3
|
-
<svg
|
4
|
-
xmlns="http://www.w3.org/2000/svg"
|
5
|
-
width="1em"
|
6
|
-
height="1em"
|
7
|
-
fill="none"
|
8
|
-
viewBox="0 0 12 10"
|
9
|
-
{...props}
|
10
|
-
>
|
11
|
-
<path
|
12
|
-
stroke="#FFF"
|
13
|
-
strokeLinecap="round"
|
14
|
-
strokeLinejoin="round"
|
15
|
-
strokeWidth={1.5}
|
16
|
-
d="M1 5.8 3.857 9 11 1"
|
17
|
-
/>
|
18
|
-
</svg>
|
19
|
-
);
|
20
|
-
export default SvgCheckedIcon;
|
1
|
+
import type { SVGProps } from "react";
|
2
|
+
const SvgCheckedIcon = (props: SVGProps<SVGSVGElement>) => (
|
3
|
+
<svg
|
4
|
+
xmlns="http://www.w3.org/2000/svg"
|
5
|
+
width="1em"
|
6
|
+
height="1em"
|
7
|
+
fill="none"
|
8
|
+
viewBox="0 0 12 10"
|
9
|
+
{...props}
|
10
|
+
>
|
11
|
+
<path
|
12
|
+
stroke="#FFF"
|
13
|
+
strokeLinecap="round"
|
14
|
+
strokeLinejoin="round"
|
15
|
+
strokeWidth={1.5}
|
16
|
+
d="M1 5.8 3.857 9 11 1"
|
17
|
+
/>
|
18
|
+
</svg>
|
19
|
+
);
|
20
|
+
export default SvgCheckedIcon;
|
@@ -1,17 +1,17 @@
|
|
1
|
-
import type { SVGProps } from "react";
|
2
|
-
const SvgClosedNoteIcon = (props: SVGProps<SVGSVGElement>) => (
|
3
|
-
<svg
|
4
|
-
xmlns="http://www.w3.org/2000/svg"
|
5
|
-
width="1em"
|
6
|
-
height="1em"
|
7
|
-
fill="none"
|
8
|
-
viewBox="0 0 13 12"
|
9
|
-
{...props}
|
10
|
-
>
|
11
|
-
<path
|
12
|
-
fill="#fff"
|
13
|
-
d="M12.428 9a2.5 2.5 0 0 1-.657 1.053l-1.27 1.214a2.6 2.6 0 0 1-1.1.63V9.5c0-.276.235-.5.523-.5zm.108-6.5V8H9.924c-.864 0-1.567.673-1.567 1.5V12H2.612C1.172 12 0 10.879 0 9.5v-7C0 1.122 1.172 0 2.612 0h7.312c1.44 0 2.612 1.122 2.612 2.5m-8.88 6.25c0-.414-.35-.75-.783-.75s-.784.336-.784.75.351.75.784.75c.432 0 .783-.336.783-.75m0-2.75c0-.414-.35-.75-.783-.75s-.784.336-.784.75.351.75.784.75c.432 0 .783-.336.783-.75m0-2.75c0-.414-.35-.75-.783-.75s-.784.336-.784.75.351.75.784.75c.432 0 .783-.336.783-.75"
|
14
|
-
/>
|
15
|
-
</svg>
|
16
|
-
);
|
17
|
-
export default SvgClosedNoteIcon;
|
1
|
+
import type { SVGProps } from "react";
|
2
|
+
const SvgClosedNoteIcon = (props: SVGProps<SVGSVGElement>) => (
|
3
|
+
<svg
|
4
|
+
xmlns="http://www.w3.org/2000/svg"
|
5
|
+
width="1em"
|
6
|
+
height="1em"
|
7
|
+
fill="none"
|
8
|
+
viewBox="0 0 13 12"
|
9
|
+
{...props}
|
10
|
+
>
|
11
|
+
<path
|
12
|
+
fill="#fff"
|
13
|
+
d="M12.428 9a2.5 2.5 0 0 1-.657 1.053l-1.27 1.214a2.6 2.6 0 0 1-1.1.63V9.5c0-.276.235-.5.523-.5zm.108-6.5V8H9.924c-.864 0-1.567.673-1.567 1.5V12H2.612C1.172 12 0 10.879 0 9.5v-7C0 1.122 1.172 0 2.612 0h7.312c1.44 0 2.612 1.122 2.612 2.5m-8.88 6.25c0-.414-.35-.75-.783-.75s-.784.336-.784.75.351.75.784.75c.432 0 .783-.336.783-.75m0-2.75c0-.414-.35-.75-.783-.75s-.784.336-.784.75.351.75.784.75c.432 0 .783-.336.783-.75m0-2.75c0-.414-.35-.75-.783-.75s-.784.336-.784.75.351.75.784.75c.432 0 .783-.336.783-.75"
|
14
|
+
/>
|
15
|
+
</svg>
|
16
|
+
);
|
17
|
+
export default SvgClosedNoteIcon;
|
@@ -1,20 +1,20 @@
|
|
1
|
-
import type { SVGProps } from "react";
|
2
|
-
const SvgForwardIcon = (props: SVGProps<SVGSVGElement>) => (
|
3
|
-
<svg
|
4
|
-
xmlns="http://www.w3.org/2000/svg"
|
5
|
-
width="1em"
|
6
|
-
height="1em"
|
7
|
-
fill="none"
|
8
|
-
viewBox="0 0 16 15"
|
9
|
-
{...props}
|
10
|
-
>
|
11
|
-
<path
|
12
|
-
stroke="#fff"
|
13
|
-
strokeLinecap="round"
|
14
|
-
strokeLinejoin="round"
|
15
|
-
strokeWidth={2}
|
16
|
-
d="M14.85 2.165v4m0 0h-4m4 0L11.764 3.26a6 6 0 1 0 1.413 6.24"
|
17
|
-
/>
|
18
|
-
</svg>
|
19
|
-
);
|
20
|
-
export default SvgForwardIcon;
|
1
|
+
import type { SVGProps } from "react";
|
2
|
+
const SvgForwardIcon = (props: SVGProps<SVGSVGElement>) => (
|
3
|
+
<svg
|
4
|
+
xmlns="http://www.w3.org/2000/svg"
|
5
|
+
width="1em"
|
6
|
+
height="1em"
|
7
|
+
fill="none"
|
8
|
+
viewBox="0 0 16 15"
|
9
|
+
{...props}
|
10
|
+
>
|
11
|
+
<path
|
12
|
+
stroke="#fff"
|
13
|
+
strokeLinecap="round"
|
14
|
+
strokeLinejoin="round"
|
15
|
+
strokeWidth={2}
|
16
|
+
d="M14.85 2.165v4m0 0h-4m4 0L11.764 3.26a6 6 0 1 0 1.413 6.24"
|
17
|
+
/>
|
18
|
+
</svg>
|
19
|
+
);
|
20
|
+
export default SvgForwardIcon;
|
@@ -1,20 +1,20 @@
|
|
1
|
-
import type { SVGProps } from "react";
|
2
|
-
const SvgFullScreenIcon = (props: SVGProps<SVGSVGElement>) => (
|
3
|
-
<svg
|
4
|
-
xmlns="http://www.w3.org/2000/svg"
|
5
|
-
width="1em"
|
6
|
-
height="1em"
|
7
|
-
fill="none"
|
8
|
-
viewBox="0 0 11 11"
|
9
|
-
{...props}
|
10
|
-
>
|
11
|
-
<path
|
12
|
-
stroke="#FFF"
|
13
|
-
strokeLinecap="round"
|
14
|
-
strokeLinejoin="round"
|
15
|
-
strokeWidth={2}
|
16
|
-
d="M7 1h3m0 0v3m0-3L6.5 4.5M4 10H1m0 0V7m0 3 3.5-3.5"
|
17
|
-
/>
|
18
|
-
</svg>
|
19
|
-
);
|
20
|
-
export default SvgFullScreenIcon;
|
1
|
+
import type { SVGProps } from "react";
|
2
|
+
const SvgFullScreenIcon = (props: SVGProps<SVGSVGElement>) => (
|
3
|
+
<svg
|
4
|
+
xmlns="http://www.w3.org/2000/svg"
|
5
|
+
width="1em"
|
6
|
+
height="1em"
|
7
|
+
fill="none"
|
8
|
+
viewBox="0 0 11 11"
|
9
|
+
{...props}
|
10
|
+
>
|
11
|
+
<path
|
12
|
+
stroke="#FFF"
|
13
|
+
strokeLinecap="round"
|
14
|
+
strokeLinejoin="round"
|
15
|
+
strokeWidth={2}
|
16
|
+
d="M7 1h3m0 0v3m0-3L6.5 4.5M4 10H1m0 0V7m0 3 3.5-3.5"
|
17
|
+
/>
|
18
|
+
</svg>
|
19
|
+
);
|
20
|
+
export default SvgFullScreenIcon;
|
@@ -1,20 +1,20 @@
|
|
1
|
-
import type { SVGProps } from "react";
|
2
|
-
const SvgLeftArrowIcon = (props: SVGProps<SVGSVGElement>) => (
|
3
|
-
<svg
|
4
|
-
xmlns="http://www.w3.org/2000/svg"
|
5
|
-
width="1em"
|
6
|
-
height="1em"
|
7
|
-
fill="none"
|
8
|
-
viewBox="0 0 6 11"
|
9
|
-
{...props}
|
10
|
-
>
|
11
|
-
<path
|
12
|
-
stroke="#FFF"
|
13
|
-
strokeLinecap="round"
|
14
|
-
strokeLinejoin="round"
|
15
|
-
strokeWidth={2}
|
16
|
-
d="m5 9.97-4-4 4-4"
|
17
|
-
/>
|
18
|
-
</svg>
|
19
|
-
);
|
20
|
-
export default SvgLeftArrowIcon;
|
1
|
+
import type { SVGProps } from "react";
|
2
|
+
const SvgLeftArrowIcon = (props: SVGProps<SVGSVGElement>) => (
|
3
|
+
<svg
|
4
|
+
xmlns="http://www.w3.org/2000/svg"
|
5
|
+
width="1em"
|
6
|
+
height="1em"
|
7
|
+
fill="none"
|
8
|
+
viewBox="0 0 6 11"
|
9
|
+
{...props}
|
10
|
+
>
|
11
|
+
<path
|
12
|
+
stroke="#FFF"
|
13
|
+
strokeLinecap="round"
|
14
|
+
strokeLinejoin="round"
|
15
|
+
strokeWidth={2}
|
16
|
+
d="m5 9.97-4-4 4-4"
|
17
|
+
/>
|
18
|
+
</svg>
|
19
|
+
);
|
20
|
+
export default SvgLeftArrowIcon;
|
@@ -1,21 +1,21 @@
|
|
1
|
-
import type { SVGProps } from "react";
|
2
|
-
const SvgMuteIcon = (props: SVGProps<SVGSVGElement>) => (
|
3
|
-
<svg
|
4
|
-
xmlns="http://www.w3.org/2000/svg"
|
5
|
-
width="1em"
|
6
|
-
height="1em"
|
7
|
-
fill="none"
|
8
|
-
viewBox="0 0 17 13"
|
9
|
-
{...props}
|
10
|
-
>
|
11
|
-
<path fill="#FFF" d="M7.925 1.5 4.59 4.357H1.925v4.286H4.59L7.925 11.5z" />
|
12
|
-
<path
|
13
|
-
stroke="#E5E7EB"
|
14
|
-
strokeLinecap="round"
|
15
|
-
strokeLinejoin="round"
|
16
|
-
strokeWidth={2}
|
17
|
-
d="m15.925 4.357-4 4.286m0-4.286 4 4.286m-8-7.143L4.59 4.357H1.925v4.286H4.59L7.925 11.5z"
|
18
|
-
/>
|
19
|
-
</svg>
|
20
|
-
);
|
21
|
-
export default SvgMuteIcon;
|
1
|
+
import type { SVGProps } from "react";
|
2
|
+
const SvgMuteIcon = (props: SVGProps<SVGSVGElement>) => (
|
3
|
+
<svg
|
4
|
+
xmlns="http://www.w3.org/2000/svg"
|
5
|
+
width="1em"
|
6
|
+
height="1em"
|
7
|
+
fill="none"
|
8
|
+
viewBox="0 0 17 13"
|
9
|
+
{...props}
|
10
|
+
>
|
11
|
+
<path fill="#FFF" d="M7.925 1.5 4.59 4.357H1.925v4.286H4.59L7.925 11.5z" />
|
12
|
+
<path
|
13
|
+
stroke="#E5E7EB"
|
14
|
+
strokeLinecap="round"
|
15
|
+
strokeLinejoin="round"
|
16
|
+
strokeWidth={2}
|
17
|
+
d="m15.925 4.357-4 4.286m0-4.286 4 4.286m-8-7.143L4.59 4.357H1.925v4.286H4.59L7.925 11.5z"
|
18
|
+
/>
|
19
|
+
</svg>
|
20
|
+
);
|
21
|
+
export default SvgMuteIcon;
|
@@ -1,17 +1,17 @@
|
|
1
|
-
import type { SVGProps } from "react";
|
2
|
-
const SvgNoteIcon = (props: SVGProps<SVGSVGElement>) => (
|
3
|
-
<svg
|
4
|
-
xmlns="http://www.w3.org/2000/svg"
|
5
|
-
width="1em"
|
6
|
-
height="1em"
|
7
|
-
fill="none"
|
8
|
-
viewBox="0 0 13 12"
|
9
|
-
{...props}
|
10
|
-
>
|
11
|
-
<path
|
12
|
-
fill="#fff"
|
13
|
-
d="M12.428 9a2.5 2.5 0 0 1-.657 1.053l-1.27 1.214a2.6 2.6 0 0 1-1.1.63V9.5c0-.276.235-.5.523-.5zm.108-6.5V8H9.924c-.864 0-1.567.673-1.567 1.5V12H2.612C1.172 12 0 10.879 0 9.5v-7C0 1.122 1.172 0 2.612 0h7.312c1.44 0 2.612 1.122 2.612 2.5m-8.88 6.25c0-.414-.35-.75-.783-.75s-.784.336-.784.75.351.75.784.75c.432 0 .783-.336.783-.75m0-2.75c0-.414-.35-.75-.783-.75s-.784.336-.784.75.351.75.784.75c.432 0 .783-.336.783-.75m0-2.75c0-.414-.35-.75-.783-.75s-.784.336-.784.75.351.75.784.75c.432 0 .783-.336.783-.75"
|
14
|
-
/>
|
15
|
-
</svg>
|
16
|
-
);
|
17
|
-
export default SvgNoteIcon;
|
1
|
+
import type { SVGProps } from "react";
|
2
|
+
const SvgNoteIcon = (props: SVGProps<SVGSVGElement>) => (
|
3
|
+
<svg
|
4
|
+
xmlns="http://www.w3.org/2000/svg"
|
5
|
+
width="1em"
|
6
|
+
height="1em"
|
7
|
+
fill="none"
|
8
|
+
viewBox="0 0 13 12"
|
9
|
+
{...props}
|
10
|
+
>
|
11
|
+
<path
|
12
|
+
fill="#fff"
|
13
|
+
d="M12.428 9a2.5 2.5 0 0 1-.657 1.053l-1.27 1.214a2.6 2.6 0 0 1-1.1.63V9.5c0-.276.235-.5.523-.5zm.108-6.5V8H9.924c-.864 0-1.567.673-1.567 1.5V12H2.612C1.172 12 0 10.879 0 9.5v-7C0 1.122 1.172 0 2.612 0h7.312c1.44 0 2.612 1.122 2.612 2.5m-8.88 6.25c0-.414-.35-.75-.783-.75s-.784.336-.784.75.351.75.784.75c.432 0 .783-.336.783-.75m0-2.75c0-.414-.35-.75-.783-.75s-.784.336-.784.75.351.75.784.75c.432 0 .783-.336.783-.75m0-2.75c0-.414-.35-.75-.783-.75s-.784.336-.784.75.351.75.784.75c.432 0 .783-.336.783-.75"
|
14
|
+
/>
|
15
|
+
</svg>
|
16
|
+
);
|
17
|
+
export default SvgNoteIcon;
|
@@ -1,17 +1,17 @@
|
|
1
|
-
import type { SVGProps } from "react";
|
2
|
-
const SvgOpenNoteIcon = (props: SVGProps<SVGSVGElement>) => (
|
3
|
-
<svg
|
4
|
-
xmlns="http://www.w3.org/2000/svg"
|
5
|
-
width="1em"
|
6
|
-
height="1em"
|
7
|
-
fill="none"
|
8
|
-
viewBox="0 0 12 11"
|
9
|
-
{...props}
|
10
|
-
>
|
11
|
-
<path
|
12
|
-
fill="#EB6535"
|
13
|
-
d="M11.478 8.25c-.11.36-.312.691-.594.965l-1.148 1.114c-.282.273-.623.469-.994.576V8.708c0-.253.212-.458.472-.458zm.098-5.958v5.041H9.214c-.78 0-1.416.617-1.416 1.375V11H2.603C1.301 11 .243 9.972.243 8.708V2.292C.242 1.028 1.3 0 2.602 0h6.611c1.302 0 2.361 1.028 2.361 2.292M3.547 8.02a.7.7 0 0 0-.709-.688.7.7 0 0 0-.708.688c0 .38.317.687.708.687a.7.7 0 0 0 .709-.687m0-2.521a.7.7 0 0 0-.709-.687.7.7 0 0 0-.708.687c0 .38.317.688.708.688a.7.7 0 0 0 .709-.688m0-2.52a.7.7 0 0 0-.709-.688.7.7 0 0 0-.708.687c0 .38.317.688.708.688a.7.7 0 0 0 .709-.688"
|
14
|
-
/>
|
15
|
-
</svg>
|
16
|
-
);
|
17
|
-
export default SvgOpenNoteIcon;
|
1
|
+
import type { SVGProps } from "react";
|
2
|
+
const SvgOpenNoteIcon = (props: SVGProps<SVGSVGElement>) => (
|
3
|
+
<svg
|
4
|
+
xmlns="http://www.w3.org/2000/svg"
|
5
|
+
width="1em"
|
6
|
+
height="1em"
|
7
|
+
fill="none"
|
8
|
+
viewBox="0 0 12 11"
|
9
|
+
{...props}
|
10
|
+
>
|
11
|
+
<path
|
12
|
+
fill="#EB6535"
|
13
|
+
d="M11.478 8.25c-.11.36-.312.691-.594.965l-1.148 1.114c-.282.273-.623.469-.994.576V8.708c0-.253.212-.458.472-.458zm.098-5.958v5.041H9.214c-.78 0-1.416.617-1.416 1.375V11H2.603C1.301 11 .243 9.972.243 8.708V2.292C.242 1.028 1.3 0 2.602 0h6.611c1.302 0 2.361 1.028 2.361 2.292M3.547 8.02a.7.7 0 0 0-.709-.688.7.7 0 0 0-.708.688c0 .38.317.687.708.687a.7.7 0 0 0 .709-.687m0-2.521a.7.7 0 0 0-.709-.687.7.7 0 0 0-.708.687c0 .38.317.688.708.688a.7.7 0 0 0 .709-.688m0-2.52a.7.7 0 0 0-.709-.688.7.7 0 0 0-.708.687c0 .38.317.688.708.688a.7.7 0 0 0 .709-.688"
|
14
|
+
/>
|
15
|
+
</svg>
|
16
|
+
);
|
17
|
+
export default SvgOpenNoteIcon;
|
@@ -1,14 +1,14 @@
|
|
1
|
-
import type { SVGProps } from "react";
|
2
|
-
const SvgPauseIcon = (props: SVGProps<SVGSVGElement>) => (
|
3
|
-
<svg
|
4
|
-
xmlns="http://www.w3.org/2000/svg"
|
5
|
-
width="1em"
|
6
|
-
height="1em"
|
7
|
-
fill="none"
|
8
|
-
viewBox="0 0 9 14"
|
9
|
-
{...props}
|
10
|
-
>
|
11
|
-
<path fill="#fff" d="M2.89 0H0v13.333h2.89zM8.78 0H5.89v13.333h2.89z" />
|
12
|
-
</svg>
|
13
|
-
);
|
14
|
-
export default SvgPauseIcon;
|
1
|
+
import type { SVGProps } from "react";
|
2
|
+
const SvgPauseIcon = (props: SVGProps<SVGSVGElement>) => (
|
3
|
+
<svg
|
4
|
+
xmlns="http://www.w3.org/2000/svg"
|
5
|
+
width="1em"
|
6
|
+
height="1em"
|
7
|
+
fill="none"
|
8
|
+
viewBox="0 0 9 14"
|
9
|
+
{...props}
|
10
|
+
>
|
11
|
+
<path fill="#fff" d="M2.89 0H0v13.333h2.89zM8.78 0H5.89v13.333h2.89z" />
|
12
|
+
</svg>
|
13
|
+
);
|
14
|
+
export default SvgPauseIcon;
|
@@ -1,20 +1,20 @@
|
|
1
|
-
import type { SVGProps } from "react";
|
2
|
-
const SvgPlayIcon = (props: SVGProps<SVGSVGElement>) => (
|
3
|
-
<svg
|
4
|
-
xmlns="http://www.w3.org/2000/svg"
|
5
|
-
width="1em"
|
6
|
-
height="1em"
|
7
|
-
fill="none"
|
8
|
-
viewBox="0 0 13 15"
|
9
|
-
{...props}
|
10
|
-
>
|
11
|
-
<path
|
12
|
-
stroke="#fff"
|
13
|
-
strokeLinecap="round"
|
14
|
-
strokeLinejoin="round"
|
15
|
-
strokeWidth={2}
|
16
|
-
d="m1.37 1 10.11 6.5L1.37 14z"
|
17
|
-
/>
|
18
|
-
</svg>
|
19
|
-
);
|
20
|
-
export default SvgPlayIcon;
|
1
|
+
import type { SVGProps } from "react";
|
2
|
+
const SvgPlayIcon = (props: SVGProps<SVGSVGElement>) => (
|
3
|
+
<svg
|
4
|
+
xmlns="http://www.w3.org/2000/svg"
|
5
|
+
width="1em"
|
6
|
+
height="1em"
|
7
|
+
fill="none"
|
8
|
+
viewBox="0 0 13 15"
|
9
|
+
{...props}
|
10
|
+
>
|
11
|
+
<path
|
12
|
+
stroke="#fff"
|
13
|
+
strokeLinecap="round"
|
14
|
+
strokeLinejoin="round"
|
15
|
+
strokeWidth={2}
|
16
|
+
d="m1.37 1 10.11 6.5L1.37 14z"
|
17
|
+
/>
|
18
|
+
</svg>
|
19
|
+
);
|
20
|
+
export default SvgPlayIcon;
|
@@ -1,17 +1,17 @@
|
|
1
|
-
import type { SVGProps } from "react";
|
2
|
-
const SvgSettingsIcon = (props: SVGProps<SVGSVGElement>) => (
|
3
|
-
<svg
|
4
|
-
xmlns="http://www.w3.org/2000/svg"
|
5
|
-
width="1em"
|
6
|
-
height="1em"
|
7
|
-
fill="none"
|
8
|
-
viewBox="0 0 13 13"
|
9
|
-
{...props}
|
10
|
-
>
|
11
|
-
<path
|
12
|
-
fill="#FFF"
|
13
|
-
d="m12.507 8.062-1.117-.645a5 5 0 0 0 0-1.84l1.117-.644a.32.32 0 0 0 .144-.367 6.5 6.5 0 0 0-1.434-2.48.315.315 0 0 0-.388-.06l-1.116.645a5 5 0 0 0-1.594-.92V.464a.314.314 0 0 0-.246-.307 6.6 6.6 0 0 0-2.862 0 .314.314 0 0 0-.247.307v1.29a5.1 5.1 0 0 0-1.593.92l-1.114-.645a.31.31 0 0 0-.388.06 6.5 6.5 0 0 0-1.434 2.48.314.314 0 0 0 .144.366l1.117.645a5 5 0 0 0 0 1.84l-1.117.645a.32.32 0 0 0-.144.367c.291.933.787 1.777 1.434 2.48.1.106.262.133.388.06l1.116-.645c.47.403 1.01.715 1.594.92v1.29c0 .146.102.274.246.306a6.6 6.6 0 0 0 2.862 0 .314.314 0 0 0 .247-.307v-1.29a5.1 5.1 0 0 0 1.593-.92l1.117.645c.128.074.288.05.388-.06a6.5 6.5 0 0 0 1.433-2.48.324.324 0 0 0-.146-.369m-6.065.532a2.1 2.1 0 0 1-2.097-2.097 2.1 2.1 0 0 1 2.097-2.096 2.1 2.1 0 0 1 2.096 2.096 2.1 2.1 0 0 1-2.096 2.097"
|
14
|
-
/>
|
15
|
-
</svg>
|
16
|
-
);
|
17
|
-
export default SvgSettingsIcon;
|
1
|
+
import type { SVGProps } from "react";
|
2
|
+
const SvgSettingsIcon = (props: SVGProps<SVGSVGElement>) => (
|
3
|
+
<svg
|
4
|
+
xmlns="http://www.w3.org/2000/svg"
|
5
|
+
width="1em"
|
6
|
+
height="1em"
|
7
|
+
fill="none"
|
8
|
+
viewBox="0 0 13 13"
|
9
|
+
{...props}
|
10
|
+
>
|
11
|
+
<path
|
12
|
+
fill="#FFF"
|
13
|
+
d="m12.507 8.062-1.117-.645a5 5 0 0 0 0-1.84l1.117-.644a.32.32 0 0 0 .144-.367 6.5 6.5 0 0 0-1.434-2.48.315.315 0 0 0-.388-.06l-1.116.645a5 5 0 0 0-1.594-.92V.464a.314.314 0 0 0-.246-.307 6.6 6.6 0 0 0-2.862 0 .314.314 0 0 0-.247.307v1.29a5.1 5.1 0 0 0-1.593.92l-1.114-.645a.31.31 0 0 0-.388.06 6.5 6.5 0 0 0-1.434 2.48.314.314 0 0 0 .144.366l1.117.645a5 5 0 0 0 0 1.84l-1.117.645a.32.32 0 0 0-.144.367c.291.933.787 1.777 1.434 2.48.1.106.262.133.388.06l1.116-.645c.47.403 1.01.715 1.594.92v1.29c0 .146.102.274.246.306a6.6 6.6 0 0 0 2.862 0 .314.314 0 0 0 .247-.307v-1.29a5.1 5.1 0 0 0 1.593-.92l1.117.645c.128.074.288.05.388-.06a6.5 6.5 0 0 0 1.433-2.48.324.324 0 0 0-.146-.369m-6.065.532a2.1 2.1 0 0 1-2.097-2.097 2.1 2.1 0 0 1 2.097-2.096 2.1 2.1 0 0 1 2.096 2.096 2.1 2.1 0 0 1-2.096 2.097"
|
14
|
+
/>
|
15
|
+
</svg>
|
16
|
+
);
|
17
|
+
export default SvgSettingsIcon;
|
@@ -1,25 +1,25 @@
|
|
1
|
-
import type { SVGProps } from "react";
|
2
|
-
const SvgSkillamiIcon = (props: SVGProps<SVGSVGElement>) => (
|
3
|
-
<svg
|
4
|
-
xmlns="http://www.w3.org/2000/svg"
|
5
|
-
fill="none"
|
6
|
-
viewBox="0 0 45 46"
|
7
|
-
width="1em"
|
8
|
-
height="1em"
|
9
|
-
{...props}
|
10
|
-
>
|
11
|
-
<path
|
12
|
-
fill="#fff"
|
13
|
-
d="m22.736 37.857-11.924-3.255-3.194-12.153a.99.99 0 0 0-1.213-.714c-.53.145-.843.7-.7 1.236l3.343 12.715a.991.991 0 0 0 .7.714l12.476 3.406a.985.985 0 0 0 1.213-.713 1.01 1.01 0 0 0-.7-1.236M44.733 25.943 39.51 6.074a1 1 0 0 0-.7-.714L19.308.033a.98.98 0 0 0-.957.26L9.389 9.428a1.02 1.02 0 0 0 0 1.428.976.976 0 0 0 1.402 0l8.56-8.717 18.39 5.024 4.93 18.741-8.56 8.724a1.02 1.02 0 0 0 0 1.428.977.977 0 0 0 1.4 0l8.963-9.133c.249-.254.348-.627.256-.975z"
|
14
|
-
/>
|
15
|
-
<path
|
16
|
-
fill="#fff"
|
17
|
-
d="m24.323 30.829-7.735-2.113-2.074-7.883a.99.99 0 0 0-1.213-.714c-.53.145-.842.7-.7 1.236l2.223 8.445a.991.991 0 0 0 .7.714l8.287 2.265a.985.985 0 0 0 1.212-.714 1.01 1.01 0 0 0-.7-1.236M15.887 15.86l5.573-5.68 4.278 1.168a.985.985 0 0 0 1.213-.714 1.01 1.01 0 0 0-.7-1.236l-4.83-1.32a.98.98 0 0 0-.957.262l-5.979 6.092a1.02 1.02 0 0 0 0 1.428.977.977 0 0 0 1.402 0M29.206 30.858a.976.976 0 0 0 1.4 0l5.98-6.093c.248-.253.348-.627.255-.975l-1.294-4.921a.99.99 0 0 0-1.213-.715c-.53.145-.843.7-.7 1.236l1.145 4.36-5.574 5.68a1.02 1.02 0 0 0 0 1.428"
|
18
|
-
/>
|
19
|
-
<path
|
20
|
-
fill="#F26C21"
|
21
|
-
d="m29.383 36.008-2.99-11 2.745-2.798-1.007-3.83 2.45-2.498 3.76 1.026 3.56-3.628L36.6 8.322l-4.865-1.327-3.56 3.628 1.007 3.831-2.45 2.497-3.76-1.026-2.745 2.799-10.794-3.049-1.007-3.834-4.865-1.327L0 14.142l1.302 4.959 4.865 1.326 2.745-2.798 10.794 3.048 1.007 3.835 3.762 1.025 2.991 11-2.745 2.798 1.302 4.959 4.865 1.326 3.56-3.628-1.302-4.958-3.763-1.03zM32.328 9.25l2.653.725.712 2.704-1.942 1.979-2.653-.725-.712-2.704zM5.573 18.173l-2.653-.725-.711-2.704 1.941-1.979 2.653.725.712 2.704zm16.761 4.686-.71-2.704 1.941-1.979 2.653.725.711 2.704-1.941 1.979zm7.963 20.507-2.653-.725-.711-2.704 1.942-1.979 2.653.725.711 2.704z"
|
22
|
-
/>
|
23
|
-
</svg>
|
24
|
-
);
|
25
|
-
export default SvgSkillamiIcon;
|
1
|
+
import type { SVGProps } from "react";
|
2
|
+
const SvgSkillamiIcon = (props: SVGProps<SVGSVGElement>) => (
|
3
|
+
<svg
|
4
|
+
xmlns="http://www.w3.org/2000/svg"
|
5
|
+
fill="none"
|
6
|
+
viewBox="0 0 45 46"
|
7
|
+
width="1em"
|
8
|
+
height="1em"
|
9
|
+
{...props}
|
10
|
+
>
|
11
|
+
<path
|
12
|
+
fill="#fff"
|
13
|
+
d="m22.736 37.857-11.924-3.255-3.194-12.153a.99.99 0 0 0-1.213-.714c-.53.145-.843.7-.7 1.236l3.343 12.715a.991.991 0 0 0 .7.714l12.476 3.406a.985.985 0 0 0 1.213-.713 1.01 1.01 0 0 0-.7-1.236M44.733 25.943 39.51 6.074a1 1 0 0 0-.7-.714L19.308.033a.98.98 0 0 0-.957.26L9.389 9.428a1.02 1.02 0 0 0 0 1.428.976.976 0 0 0 1.402 0l8.56-8.717 18.39 5.024 4.93 18.741-8.56 8.724a1.02 1.02 0 0 0 0 1.428.977.977 0 0 0 1.4 0l8.963-9.133c.249-.254.348-.627.256-.975z"
|
14
|
+
/>
|
15
|
+
<path
|
16
|
+
fill="#fff"
|
17
|
+
d="m24.323 30.829-7.735-2.113-2.074-7.883a.99.99 0 0 0-1.213-.714c-.53.145-.842.7-.7 1.236l2.223 8.445a.991.991 0 0 0 .7.714l8.287 2.265a.985.985 0 0 0 1.212-.714 1.01 1.01 0 0 0-.7-1.236M15.887 15.86l5.573-5.68 4.278 1.168a.985.985 0 0 0 1.213-.714 1.01 1.01 0 0 0-.7-1.236l-4.83-1.32a.98.98 0 0 0-.957.262l-5.979 6.092a1.02 1.02 0 0 0 0 1.428.977.977 0 0 0 1.402 0M29.206 30.858a.976.976 0 0 0 1.4 0l5.98-6.093c.248-.253.348-.627.255-.975l-1.294-4.921a.99.99 0 0 0-1.213-.715c-.53.145-.843.7-.7 1.236l1.145 4.36-5.574 5.68a1.02 1.02 0 0 0 0 1.428"
|
18
|
+
/>
|
19
|
+
<path
|
20
|
+
fill="#F26C21"
|
21
|
+
d="m29.383 36.008-2.99-11 2.745-2.798-1.007-3.83 2.45-2.498 3.76 1.026 3.56-3.628L36.6 8.322l-4.865-1.327-3.56 3.628 1.007 3.831-2.45 2.497-3.76-1.026-2.745 2.799-10.794-3.049-1.007-3.834-4.865-1.327L0 14.142l1.302 4.959 4.865 1.326 2.745-2.798 10.794 3.048 1.007 3.835 3.762 1.025 2.991 11-2.745 2.798 1.302 4.959 4.865 1.326 3.56-3.628-1.302-4.958-3.763-1.03zM32.328 9.25l2.653.725.712 2.704-1.942 1.979-2.653-.725-.712-2.704zM5.573 18.173l-2.653-.725-.711-2.704 1.941-1.979 2.653.725.712 2.704zm16.761 4.686-.71-2.704 1.941-1.979 2.653.725.711 2.704-1.941 1.979zm7.963 20.507-2.653-.725-.711-2.704 1.942-1.979 2.653.725.711 2.704z"
|
22
|
+
/>
|
23
|
+
</svg>
|
24
|
+
);
|
25
|
+
export default SvgSkillamiIcon;
|