Base de vista de release

src/components/EntityList.jsx

@@ -18,7 +18,7 @@ const EntityPlaceholder = (props) => {
 
 const EntityItem = (props) => {
   return (
-      <li className='entity-item'>
+      <li className={'entity-item ' + (props.selected ? 'selected' : '')} id={props.id}>
           <Link to={props.link}>
             {props.cover &&
               <div className='cover'>
@@ -43,8 +43,9 @@ export const EntityList = (props) => {
       entities.push(<EntityPlaceholder key={i} cover={props.cover}/>)
     }
   }else{
-    entities = props.items.map(item => <EntityItem cover={item.cover} link={item.link}
-                                                   title={item.title} subtitle={item.subtitle}/>);
+    entities = props.items.map(item => <EntityItem id={item.id} cover={item.cover} link={item.link}
+                                                   title={item.title} subtitle={item.subtitle}
+                                                   selected={item.selected}/>);
  }
 
   const className = props.grid ? "grid" : "column";

src/components/EntityList.scss

@@ -105,7 +105,7 @@
       width: 0;
     }
 
-    &:hover {
+    &:hover, &.selected{
       &:after{
         width: 100%;
       }
@@ -130,7 +130,7 @@
       transition: all 300ms ease-in-out;
     }
 
-    &:hover {
+    &:hover, &.selected {
       .cover {
         outline: 6px var(--accent) solid;
         outline-offset: -6px;