console.logs removed for lint

backend/src/services/locality.ts

@@ -125,7 +125,7 @@ export const getAllLocalities = async (user?: User) => {
   const synonymIdSet = new Set(synonyms.map(s => s.lid))
   const result = localityResult.map(loc => ({
     ...loc,
-    has_loc_synonym: synonymIdSet.has(loc.lid),
+    has_synonym: synonymIdSet.has(loc.lid),
   }))
 
   if (showAll) return result.map(removeProjects)

frontend/src/components/Locality/LocalityDetails.tsx

@@ -34,7 +34,6 @@ export const LocalityDetails = () => {
   const { isFetching, isError, data } = useGetLocalityDetailsQuery(id!, {
     skip: isNew,
   })
-  console.log('LocalityDetails: ', data)
 
   const notify = useNotify()
   const [deleteMutation, { isSuccess: deleteSuccess, isError: deleteError }] = useDeleteLocalityMutation()

frontend/src/components/Locality/LocalitySynonymsModal.tsx

@@ -0,0 +1,62 @@
+import { Box, Modal, Alert, Typography, IconButton, Table, TableBody, TableRow, TableCell } from '@mui/material'
+import { useGetLocalityDetailsQuery } from '../../redux/localityReducer'
+import { skipToken } from '@reduxjs/toolkit/query/react'
+import CloseIcon from '@mui/icons-material/Close'
+import '../../styles/species/SynonymsModal.css'
+
+export const LocalitySynonymsModal = ({
+  open,
+  onClose,
+  selectedLocality,
+}: {
+  open: boolean
+  onClose: () => void
+  selectedLocality: string | undefined
+}) => {
+  const { isError, isFetching, data } = useGetLocalityDetailsQuery(selectedLocality ? selectedLocality : skipToken)
+  console.log('LocalityDetails: ', data)
+
+  if (isFetching) {
+    return (
+      <Modal open={open} onClose={onClose}>
+        <Box className="modal-content"></Box>
+      </Modal>
+    )
+  }
+
+  return (
+    <Modal open={open} onClose={onClose} className="synonyms-modal modal">
+      <Box className="modal-content">
+        <Box className="modal-header">
+          <Typography variant="h6" component="h2">
+            {`Synonyms ${isError ? '' : `- ${data?.loc_name}`}`}
+          </Typography>
+
+          <IconButton sx={{ color: 'white' }} onClick={onClose} aria-label="close" className="close-button">
+            <CloseIcon />
+          </IconButton>
+        </Box>
+        {isError ? (
+          <Alert severity="error" sx={{ m: 2 }}>
+            Failed to load locality details. Please try again later.
+          </Alert>
+        ) : (
+          <Table className="modal-table">
+            <TableBody>
+              <TableRow>
+                <TableCell>
+                  <strong>Locality synonyms</strong>
+                </TableCell>
+              </TableRow>
+              {data?.now_syn_loc?.map((synonym, index) => (
+                <TableRow key={index}>
+                  <TableCell>{synonym.synonym}</TableCell>
+                </TableRow>
+              ))}
+            </TableBody>
+          </Table>
+        )}
+      </Box>
+    </Modal>
+  )
+}

frontend/src/components/Locality/LocalityTable.tsx

@@ -30,7 +30,6 @@ export const LocalityTable = ({ selectorFn }: { selectorFn?: (newObject: Localit
   const handleLocalityRowActionClick = (row: Locality) => {
     setSelectedLocality(row.lid.toString())
     setModalOpen(true)
-    console.log('Row action clicked for locality:', row)
   }
 
   useEffect(() => {

frontend/src/components/Species/SynonymsModal.tsx

@@ -14,7 +14,6 @@ export const SynonymsModal = ({
   selectedSpecies: string | undefined
 }) => {
   const { isError, isFetching, data } = useGetSpeciesDetailsQuery(selectedSpecies ? selectedSpecies : skipToken)
-  console.log('SpeciesDetails: ', data)
 
   if (isFetching) {
     return (

frontend/src/components/TableView/TableView.tsx

@@ -151,11 +151,6 @@ export const TableView = <T extends MRT_RowData>({
               <ActionComponent {...{ selectorFn, tableRowAction, url, checkRowRestriction, row, idFieldName }} />
             )}
           </Box>
-          <Box>
-            {row.original.has_loc_synonym && (
-              <ActionComponent {...{ selectorFn, tableRowAction, url, checkRowRestriction, row, idFieldName }} />
-            )}
-          </Box>
           <Box display="flex" alignItems="center" px="1.35em">
             {row.original.has_no_locality && (
               <Tooltip title="This species is not currently in any locality" placement="right-start">