Added onClick to a div, in order to redirect the user to the collection page

src/Components/CollectionCardFunction.js

@@ -38,6 +38,7 @@ import CheckIcon from '@material-ui/icons/Check';
 import LockIcon from '@material-ui/icons/Lock';
 import ColCardOwnerOptions from './ColCardOwnerOptions.js'
 import ColCardPublicOptions from './ColCardPublicOptions'
+import {Link} from 'react-router-dom';
 
 export default function CollectionCardFunction (props) {
     const {state} = useContext(Store)
@@ -120,9 +121,9 @@ export default function CollectionCardFunction (props) {
                     <Header onMouseEnter={controlSlide} onMouseLeave={controlSlide}>
                         {/*slide animation and content*/}
                         <Slide direction="right" in={slideIn} timeout={300}>
-                            <a href="" className="text">
+                            <Link to={"/colecao-do-usuario/" + props.id} className="text">
                                 {SlideAnimationContent()}
-                            </a>
+                            </Link>
                         </Slide>
                         <Slide direction="left" in={!slideIn} timeout={700}>
                             <a href=""> {/*add links to collection later*/}