Feedback | Concept split view to close on url change

src/components/concepts/ConceptHome.jsx

@@ -1,4 +1,5 @@
 import React from 'react';
+import { useLocation } from 'react-router-dom'
 import { useTranslation } from 'react-i18next';
 import APIService from '../../services/APIService';
 import ConceptHeader from './ConceptHeader';
@@ -10,6 +11,9 @@ import Associations from './Associations'
 
 const ConceptHome = props => {
   const { t } = useTranslation()
+  const location = useLocation()
+  const isInitialMount = React.useRef(true);
+
   const [concept, setConcept] = React.useState(props.concept || {})
   const [mappings, setMappings] = React.useState([])
   const [reverseMappings, setReverseMappings] = React.useState([])
@@ -26,6 +30,14 @@ const ConceptHome = props => {
     })
   }, [props.url])
 
+  React.useEffect(() => {
+    if (isInitialMount.current) {
+      isInitialMount.current = false;
+    } else {
+      props?.onClose()
+    }
+  }, [location])
+
   const fetchRepo = _concept => APIService.new().overrideURL(getRepoURL(_concept)).get().then(response => setRepo(response.data))
 
   const getRepoURL = _concept => {
@@ -83,8 +95,6 @@ const ConceptHome = props => {
       })
   }
 
-
-
   return (concept?.id && repo?.id) ? (
     <>
       <Fade in={edit}>