autogen-create-individual-page

locale/en.json

@@ -1254,5 +1254,7 @@
   "PREFIX_INVALID" : "Please provide a unique prefix of 3 to 5 characters for this species.",
   "SPECIES_ERROR" : "Please select a species.",
   "CODEX_ID" : "Codex ID",
-  "SPECIES_CONSISTENT_ERROR" : "Selected Codex ID does not match the species."
+  "SPECIES_CONSISTENT_ERROR" : "Selected Codex ID does not match the species.",
+  "CODEX_ID_CREATION" : "Codex ID Creation",
+  "CODEX_ID_CREATION_DESCRIPTION" : "Codex ID will be assigned based on the species."
 }

src/pages/createIndividual/CreateIndividual.jsx

@@ -14,6 +14,7 @@ import Alert from '../../components/Alert';
 import EncounterCard from '../../components/cards/EncounterCard';
 import useIndividualFieldSchemas from '../../models/individual/useIndividualFieldSchemas';
 import usePostIndividual from '../../models/individual/usePostIndividual';
+import CustomAlert from '../../components/Alert';
 
 function calculateInitialState(schemas) {
   if (!schemas) return {};
@@ -138,6 +139,13 @@ export default function CreateIndividual() {
             />
           ))}
         </Grid>
+        <Grid item style={{ marginTop: 16 }}>
+            <CustomAlert
+              severity="info"
+              titleId="CODEX_ID_CREATION"
+              descriptionId="CODEX_ID_CREATION_DESCRIPTION"             
+            />
+          </Grid>
         <Grid
           item
           style={{ display: 'flex', flexDirection: 'column' }}

src/pages/match/MatchSighting.jsx

@@ -308,6 +308,7 @@ export default function MatchSighting() {
             bottom: 16,
             right: 40,
             zIndex: 1,
+            borderRadius: 4,
           }}
           color="primary"
           variant="extended"