making sure the bin uses the correct data when using libracart as an inventory control

src/integrations/LibraCart/LibraCartAccess.tsx

@@ -1,3 +1,4 @@
+import { Help } from "@mui/icons-material";
 import {
   Avatar,
   Box,
@@ -5,9 +6,11 @@ import {
   DialogActions,
   DialogContent,
   DialogTitle,
-  Grid,
+  Grid2 as Grid,
   MenuItem,
-  TextField
+  TextField,
+  Tooltip,
+  Typography
 } from "@mui/material";
 import ResponsiveDialog from "common/ResponsiveDialog";
 import { teamScope, User } from "models";
@@ -15,7 +18,6 @@ import { pond } from "protobuf-ts/pond";
 import { useSnackbar, useUserAPI } from "providers";
 import { useLibraCartProxyAPI } from "providers/pond/libracartProxyAPI";
 import React, { useEffect, useState } from "react";
-import { useLocation } from "react-router";
 import TeamSearch from "teams/TeamSearch";
 
 export default function LibraCartAccess() {
@@ -109,7 +111,7 @@ export default function LibraCartAccess() {
           {teamUsers.map(u => (
             <MenuItem key={u.id()} value={u.id()}>
               <Grid container direction="row" alignItems="center">
-                <Grid item>
+                <Grid>
                   <Avatar
                     alt={u.name()}
                     src={
@@ -117,7 +119,7 @@ export default function LibraCartAccess() {
                     }
                   />
                 </Grid>
-                <Grid item>
+                <Grid>
                   <Box marginLeft={2}>{u.name()}</Box>
                 </Grid>
               </Grid>
@@ -174,6 +176,8 @@ export default function LibraCartAccess() {
 
   return (
     <Box style={{ padding: 10 }}>
+      <Grid container direction="row" alignContent="center" alignItems="center" wrap="nowrap">
+        <Grid>
       <Button
         variant="contained"
         color="primary"
@@ -183,8 +187,18 @@ export default function LibraCartAccess() {
         }}>
         Link Libra Cart Account
       </Button>
-      To integrate with Libra Cart, navigate to Integrations page on Libra Cart and "Connect" to
-      Adaptive Agriculture App: https://staging.cloud.agrimatics.com/grain/integrations
+        </Grid>
+        <Grid>
+          <Tooltip 
+            title='The integration can be found by selecting my account in the corner, selecting the "Manage Account" option and then selecting integrations in the left side menu'
+          >
+          <Help />
+          </Tooltip>
+        </Grid>
+
+      </Grid>
+
+
       {newOrgDialog()}
     </Box>
   );