vodorod/parcer
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: format

Browse Source
This commit is contained in:
karishmas6
2024-09-10 02:49:30 +05:30
parent 8bc023a595
commit dce520b0e5
1 changed files with 13 additions and 12 deletions
Download Patch File Download Diff File Expand all files Collapse all files

25
src/components/molecules/NavBar.tsx
View File

@@ -14,13 +14,13 @@ interface NavBarProps {
isRecording: boolean; isRecording: boolean;
} }
export const NavBar = ({newRecording, recordingName, isRecording}:NavBarProps) => { export const NavBar = ({ newRecording, recordingName, isRecording }: NavBarProps) => {
const { notify, browserId, setBrowserId, recordingLength } = useGlobalInfoStore(); const { notify, browserId, setBrowserId, recordingLength } = useGlobalInfoStore();
// If recording is in progress, the resources and change page view by setting browserId to null // If recording is in progress, the resources and change page view by setting browserId to null
// else it won't affect the page // else it won't affect the page
const goToMainMenu = async() => { const goToMainMenu = async () => {
if (browserId) { if (browserId) {
await stopRecording(browserId); await stopRecording(browserId);
notify('warning', 'Current Recording was terminated'); notify('warning', 'Current Recording was terminated');
@@ -43,8 +43,8 @@ export const NavBar = ({newRecording, recordingName, isRecording}:NavBarProps) =
display: 'flex', display: 'flex',
justifyContent: 'flex-start', justifyContent: 'flex-start',
}}> }}>
<RecordingIcon/> <RecordingIcon />
<div style={{padding: '11px'}}><ProjectName>Maxun</ProjectName></div> <div style={{ padding: '11px' }}><ProjectName>Maxun</ProjectName></div>
</div> </div>
<div style={{ <div style={{
display: 'flex', display: 'flex',
@@ -66,18 +66,19 @@ export const NavBar = ({newRecording, recordingName, isRecording}:NavBarProps) =
fontSize: '0.875rem', fontSize: '0.875rem',
lineHeight: '1.75', lineHeight: '1.75',
letterSpacing: '0.02857em', letterSpacing: '0.02857em',
'&:hover': { color: 'red', backgroundColor: 'white' }} '&:hover': { color: 'red', backgroundColor: 'white' }
}
} }
> >
<Circle sx={{marginRight: '5px'}}/> {isRecording ? 'NEW' : 'RECORD'} <Circle sx={{ marginRight: '5px' }} /> {isRecording ? 'NEW' : 'RECORD'}
</IconButton> </IconButton>
{ {
recordingLength > 0 recordingLength > 0
? <SaveRecording fileName={recordingName}/> ? <SaveRecording fileName={recordingName} />
:null : null
} }
{ isRecording ? <Button sx={{ {isRecording ? <Button sx={{
width:'100px', width: '100px',
background: '#fff', background: '#fff',
color: 'rgba(25, 118, 210, 0.7)', color: 'rgba(25, 118, 210, 0.7)',
padding: '9px', padding: '9px',
@@ -87,9 +88,9 @@ export const NavBar = ({newRecording, recordingName, isRecording}:NavBarProps) =
color: 'rgb(25, 118, 210)', color: 'rgb(25, 118, 210)',
} }
}} onClick={goToMainMenu}> }} onClick={goToMainMenu}>
<MeetingRoomIcon sx={{marginRight: '5px'}}/> <MeetingRoomIcon sx={{ marginRight: '5px' }} />
exit</Button> exit</Button>
: null } : null}
</div> </div>
</NavBarWrapper> </NavBarWrapper>