Skip to content
Snippets Groups Projects
Commit 11d8c610 authored by Paul Kaplan's avatar Paul Kaplan
Browse files

Use re-record icon

parent 5ce93bc3
Branches
Tags
No related merge requests found
Hide whitespace changes
Inline Side-by-side
src/components/record-modal/playback-step.jsx
+ 22
− 8
View file @ 11d8c610
...@@ -4,6 +4,7 @@ const Box = require('../box/box.jsx'); ...@@ -4,6 +4,7 @@ const Box = require('../box/box.jsx');
const Waveform = require('./waveform.jsx'); const Waveform = require('./waveform.jsx');
const Meter = require('./meter.jsx'); const Meter = require('./meter.jsx');
const styles = require('./record-modal.css'); const styles = require('./record-modal.css');
const reRecordIcon = require('./re-record-icon.svg');
const PlaybackStep = props => ( const PlaybackStep = props => (
<Box> <Box>
...@@ -45,6 +46,7 @@ const PlaybackStep = props => ( ...@@ -45,6 +46,7 @@ const PlaybackStep = props => (
height={30} height={30}
rx={3} rx={3}
ry={3} ry={3}
stroke="#4280D7"
width={30} width={30}
x={10} x={10}
y={10} y={10}
...@@ -55,19 +57,31 @@ const PlaybackStep = props => ( ...@@ -55,19 +57,31 @@ const PlaybackStep = props => (
height={30} height={30}
rx={3} rx={3}
ry={3} ry={3}
stroke="#4280D7"
width={30} width={30}
x={10} x={10}
y={10} y={10}
/> />
</g> </g>
) : ( ) : (
<polygon <g>
fill="#4C97FF" <polygon
points="15 15 35 25 15 35" fill="#4280D7"
stroke="#4C97FF" points="15 15 35 25 15 35"
strokeLinejoin="round" stroke="#4280D7"
strokeWidth="5" strokeLineCap="round"
/> strokeLinejoin="round"
strokeWidth="7"
/>
<polygon
fill="#4C97FF"
points="15 15 35 25 15 35"
stroke="#4C97FF"
strokeLinecap="round"
strokeLinejoin="round"
strokeWidth="5"
/>
</g>
)} )}
</g> </g>
</svg> </svg>
...@@ -83,7 +97,7 @@ const PlaybackStep = props => ( ...@@ -83,7 +97,7 @@ const PlaybackStep = props => (
className={styles.cancelButton} className={styles.cancelButton}
onClick={props.onBack} onClick={props.onBack}
> >
⬅ Re-record <img src={reRecordIcon} /> Re-record
</button> </button>
<button <button
className={styles.okButton} className={styles.okButton}
......
src/components/record-modal/re-record-icon.svg 0 → 100644
NaN GiB (NaN%)
View file @ 11d8c610
File suppressed by a .gitattributes entry or the file's encoding is unsupported.
src/components/record-modal/recording-step.jsx
+ 7
− 4
View file @ 11d8c610
...@@ -46,20 +46,22 @@ const RecordingStep = props => ( ...@@ -46,20 +46,22 @@ const RecordingStep = props => (
{props.recording ? ( {props.recording ? (
<g> <g>
<rect <rect
fill="rgb(237, 111, 54)" fill="#FF661A"
height={30} height={30}
rx={3} rx={3}
ry={3} ry={3}
stroke="#E64D00"
width={30} width={30}
x={10} x={10}
y={10} y={10}
/> />
<rect <rect
className={styles.pulser} className={styles.pulser}
fill="rgb(237, 111, 54)" fill="#FF661A"
height={30} height={30}
rx={3} rx={3}
ry={3} ry={3}
stroke="#E64D00"
width={30} width={30}
x={10} x={10}
y={10} y={10}
...@@ -70,13 +72,14 @@ const RecordingStep = props => ( ...@@ -70,13 +72,14 @@ const RecordingStep = props => (
<circle <circle
cx={25} cx={25}
cy={25} cy={25}
fill="rgb(237, 111, 54)" fill="#FF661A"
r={15} r={15}
stroke="#E64D00"
/> />
<circle <circle
cx={25} cx={25}
cy={25} cy={25}
fill="rgb(237, 111, 54)" fill="#FF661A"
r={18 + props.level * 10} r={18 + props.level * 10}
style={{opacity: 0.15, transition: '0.1s'}} style={{opacity: 0.15, transition: '0.1s'}}
/> />
......
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Please register or to comment