Merge pull request #445 from biocompute-objects/24.08.08

24.08.08

client/src/components/FloatingIconComponent.js

@@ -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>
+  );
+}

client/src/components/builder/index.js

@@ -27,6 +27,8 @@ 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,
@@ -203,6 +205,7 @@ export default function BuilderColorCode () {
         )
         )}
       </Stack>
+      <FloatingActionButtons />
     </Grid>
   )
 }

client/src/pages/Bcodbs.js

@@ -424,7 +424,10 @@ export default function BcoDbs () {
                       <Typography>
                     3. Enter search term:
                       </Typography>
-                      <Field name='search' label='Search BCO Db' />
+                      <Field 
+                      name='search' 
+                      label='Search BCO Db'
+                      placeholder="Enter a prefix or BCO ID" />
                     </Box>
                   </CardContent>
                 </Card>