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

feat: show button based on recording state

Browse Source
This commit is contained in:
karishmas6
2024-10-10 21:47:23 +05:30
parent e670461799
commit c5312e3d2f
1 changed files with 28 additions and 26 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -70,6 +70,7 @@ export const NavBar: React.FC<NavBarProps> = ({ newRecording, recordingName, isR
}}> }}>
{ {
!isRecording ? ( !isRecording ? (
<>
<IconButton <IconButton
aria-label="new" aria-label="new"
size={"small"} size={"small"}
@@ -92,6 +93,23 @@ export const NavBar: React.FC<NavBarProps> = ({ newRecording, recordingName, isR
> >
<Add sx={{ marginRight: '5px' }} /> Create Robot <Add sx={{ marginRight: '5px' }} /> Create Robot
</IconButton> </IconButton>
<IconButton sx={{
width: '140px',
borderRadius: '5px',
padding: '8px',
background: '#ff00c3',
color: 'white',
marginRight: '10px',
fontFamily: '"Roboto","Helvetica","Arial",sans-serif',
fontWeight: '500',
fontSize: '0.875rem',
lineHeight: '1.75',
letterSpacing: '0.02857em',
'&:hover': { color: 'white', backgroundColor: '#ff00c3' }
}} onClick={logout}>
<Logout sx={{ marginRight: '5px' }} />
Logout</IconButton>
</>
) : "" ) : ""
} }
{ {
@@ -113,22 +131,6 @@ export const NavBar: React.FC<NavBarProps> = ({ newRecording, recordingName, isR
<MeetingRoomIcon sx={{ marginRight: '5px' }} /> <MeetingRoomIcon sx={{ marginRight: '5px' }} />
exit</Button> exit</Button>
: null} : null}
<IconButton sx={{
width: '140px',
borderRadius: '5px',
padding: '8px',
background: '#ff00c3',
color: 'white',
marginRight: '10px',
fontFamily: '"Roboto","Helvetica","Arial",sans-serif',
fontWeight: '500',
fontSize: '0.875rem',
lineHeight: '1.75',
letterSpacing: '0.02857em',
'&:hover': { color: 'white', backgroundColor: '#ff00c3' }
}} onClick={logout}>
<Logout sx={{ marginRight: '5px' }} />
Logout</IconButton>
</div> </div>
</> </>
) : "" ) : ""