Bphh 2165 add tool tip to auto compliance to explain what this means

app/frontend/components/domains/users/profile-screen.tsx

@@ -174,13 +174,15 @@ export const ProfileScreen = observer(({}: IProfileScreenProps) => {
                 </>
               )}
               <Divider my={1} />
-              <TextFormControl
-                // @ts-ignore
-                label={currentUser.omniauthProviderLabel}
-                hint={currentUser.omniauthEmail}
-                inputProps={{ value: currentUser.omniauthUsername }}
-                isDisabled
-              />
+              {currentUser.omniauthProvider !== 'bcsc' && (
+                <TextFormControl
+                  // @ts-ignore
+                  label={currentUser.omniauthProviderLabel}
+                  hint={currentUser.omniauthEmail}
+                  inputProps={{ value: currentUser.omniauthUsername }}
+                  isDisabled
+                />
+              )}
               {!currentUser.isSuperAdmin && (
                 <Alert
                   status="info"

app/frontend/components/shared/select/selectors/sites-select.tsx

@@ -1,4 +1,4 @@
-import { Flex, FormControl, FormLabel, HStack, InputGroup, Text } from "@chakra-ui/react"
+import { Flex, FormControl, FormLabel, HStack, InputGroup, Tooltip, Text } from "@chakra-ui/react"
 import { MapPin } from "@phosphor-icons/react"
 import debounce from "lodash/debounce"
 import { observer } from "mobx-react-lite"
@@ -131,30 +131,33 @@ export const SitesSelect = observer(function ({
               }}
               render={({ field: { onChange, value } }) => {
                 return (
-                  <CreatableSelect
-                    // @ts-ignore
-                    options={pidOptions}
-                    ref={pidSelectRef}
-                    value={{
-                      label: formatPidLabel(value),
-                      value: formatPidValue(value),
-                    }}
-                    onChange={(option) => {
-                      if (!option) {
-                        setValue(siteName, null)
-                      }
-                      onChange(formatPidValue(option?.value))
-                    }}
-                    onCreateOption={(inputValue: string) => {
-                      const newValue = { label: formatPidLabel(inputValue), value: formatPidValue(inputValue) }
-                      onChange(newValue.value)
-                    }}
-                    formatCreateLabel={(inputValue: string) =>
-                      t("permitApplication.usePid", { inputValue: formatPidLabel(inputValue) })
-                    }
-                    isClearable
-                    isSearchable
-                  />
+                  <Tooltip label={t("permitApplication.pidToolTip")}>
+                      <CreatableSelect
+                        // @ts-ignore
+                        options={pidOptions}
+                        ref={pidSelectRef}
+                        title={t("permitApplication.pidToolTip")}
+                        value={{
+                          label: formatPidLabel(value),
+                          value: formatPidValue(value),
+                        }}
+                        onChange={(option) => {
+                          if (!option) {
+                            setValue(siteName, null)
+                          }
+                          onChange(formatPidValue(option?.value))
+                        }}
+                        onCreateOption={(inputValue: string) => {
+                          const newValue = { label: formatPidLabel(inputValue), value: formatPidValue(inputValue) }
+                          onChange(newValue.value)
+                        }}
+                        formatCreateLabel={(inputValue: string) =>
+                          t("permitApplication.usePid", { inputValue: formatPidLabel(inputValue) })
+                        }
+                        isClearable
+                        isSearchable
+                      />
+                  </Tooltip>
                 )
               }}
             />

app/frontend/i18n/i18n.ts

@@ -538,6 +538,7 @@ const options = {
           searchKnowledge_link:
             "https://www2.gov.bc.ca/gov/content/housing-tenancy/building-or-renovating/permits/building-permit-hub-search",
           pidLabel: "Parcel Identification (PID) No.",
+          pidToolTip: "Auto Compliance: This feature checks the entered data against predefined standards or regulatory agencies to ensure it meets a completeness check automatically. It reduces manual errors and speeds up the review process by flagging discrepancies or confirming compliance.",
           addressLabel: "Address",
           viewed: "Viewed",
           notViewed: "New",

app/frontend/styles/chakra-overrides.scss

@@ -76,7 +76,7 @@
 
 // Fix the down arrow icon position on the login page accordians
 .chakra-accordion__item {
-  button {
+  button.chakra-accordion__button {
     span {
       width: 100%;
     }