fix collection link
This commit is contained in:
parent
fe2af64b90
commit
9386cc678f
2 changed files with 12 additions and 15 deletions
|
@ -10,7 +10,6 @@ import Card from 'component/common/card';
|
||||||
import Button from 'component/button';
|
import Button from 'component/button';
|
||||||
import * as PAGES from 'constants/pages';
|
import * as PAGES from 'constants/pages';
|
||||||
import * as COLLECTIONS_CONSTS from 'constants/collections';
|
import * as COLLECTIONS_CONSTS from 'constants/collections';
|
||||||
import Icon from 'component/common/icon';
|
|
||||||
import * as ICONS from 'constants/icons';
|
import * as ICONS from 'constants/icons';
|
||||||
|
|
||||||
type Props = {
|
type Props = {
|
||||||
|
@ -61,19 +60,17 @@ export default function CollectionContent(props: Props) {
|
||||||
className="file-page__playlist-collection"
|
className="file-page__playlist-collection"
|
||||||
title={
|
title={
|
||||||
<>
|
<>
|
||||||
<a href={`/$/${PAGES.LIST}/${id}`}>
|
<Button
|
||||||
<span className="file-page__playlist-collection__row">
|
button="link"
|
||||||
<Icon
|
className="file-page__playlist-collection__row"
|
||||||
|
navigate={`/$/${PAGES.LIST}/${id}`}
|
||||||
icon={
|
icon={
|
||||||
(id === COLLECTIONS_CONSTS.WATCH_LATER_ID && ICONS.TIME) ||
|
(id === COLLECTIONS_CONSTS.WATCH_LATER_ID && ICONS.TIME) ||
|
||||||
(id === COLLECTIONS_CONSTS.FAVORITES_ID && ICONS.STAR) ||
|
(id === COLLECTIONS_CONSTS.FAVORITES_ID && ICONS.STAR) ||
|
||||||
ICONS.STACK
|
ICONS.STACK
|
||||||
}
|
}
|
||||||
className="icon--margin-right"
|
label={collectionName}
|
||||||
/>
|
/>
|
||||||
{collectionName}
|
|
||||||
</span>
|
|
||||||
</a>
|
|
||||||
<span className="file-page__playlist-collection__row">
|
<span className="file-page__playlist-collection__row">
|
||||||
<Button
|
<Button
|
||||||
button="alt"
|
button="alt"
|
||||||
|
|
|
@ -332,7 +332,7 @@ body {
|
||||||
|
|
||||||
&:nth-child(2) {
|
&:nth-child(2) {
|
||||||
display: flex;
|
display: flex;
|
||||||
margin-top: calc(var(--spacing-m) * -1 - 10px);
|
//margin-top: calc(var(--spacing-m) * -1 - 10px);
|
||||||
.button {
|
.button {
|
||||||
flex: auto;
|
flex: auto;
|
||||||
.button__content {
|
.button__content {
|
||||||
|
|
Loading…
Reference in a new issue