Skip to content

Commit

Permalink
added floating icon of Give Us Feedback on builder page
Browse files Browse the repository at this point in the history
  • Loading branch information
tianywan819 committed Jul 30, 2024
1 parent 8602d22 commit 92578d2
Show file tree
Hide file tree
Showing 2 changed files with 28 additions and 0 deletions.
26 changes: 26 additions & 0 deletions client/src/components/FloatingIconComponent.js
Original file line number Diff line number Diff line change
@@ -0,0 +1,26 @@
import * as React from 'react';
import Box from '@mui/material/Box';
import Fab from '@mui/material/Fab';
import TextsmsOutlinedIcon from '@mui/icons-material/TextsmsOutlined';

export default function FloatingActionButtons() {
return (
<Box
sx={{
position: 'fixed',
bottom: 16,
right: 16,
'& > :not(style)': { m: 1 },
}}
>
<Fab
variant="extended"
href="https://github.com/biocompute-objects/portal_userdb/issues/new/choose"
target='_blank'
style={{ textDecoration: 'none' }}>
<TextsmsOutlinedIcon sx={{ mr: 1 }} />
Give Us Feedback
</Fab>
</Box>
);
}
2 changes: 2 additions & 0 deletions client/src/components/builder/index.js
Original file line number Diff line number Diff line change
Expand Up @@ -27,6 +27,7 @@ import biocomputing from "../../images/biocomputing.gif"
import ThirdBox from "../ThirdBox";
import ErrorBoundary from "../ErrorBoundry";
import HelpPopup from "./HelpBox";
import FloatingActionButtons from '../FloatingIconComponent';
import {
getDraftBco,
getTempDraftBco,
Expand Down Expand Up @@ -203,6 +204,7 @@ export default function BuilderColorCode () {
)
)}
</Stack>
<FloatingActionButtons />
</Grid>
)
}

0 comments on commit 92578d2

Please sign in to comment.