diff --git a/components/content/templates/Album.tsx b/components/content/templates/Album.tsx index 3c3e1e9..05e14e1 100644 --- a/components/content/templates/Album.tsx +++ b/components/content/templates/Album.tsx @@ -5,6 +5,8 @@ import { Content } from 'data/graphql-generated'; import ContentThumb from 'components/ContentThumb'; import { F } from 'i18n'; import { useEffect, useState } from 'react'; +import ContentLink from '@/components/ContentLink'; +import { THUMB_WIDTH } from '@/util/constants'; const StyledAlbum = styled('ul')` list-style: none; @@ -30,14 +32,14 @@ const Item = styled('li')` } `; -// const LinkWrapper = styled('span')` -// & a { -// display: block; -// width: ${THUMB_WIDTH}px; -// max-width: ${THUMB_WIDTH}px; -// min-height: 1.1em; -// } -// `; +const LinkWrapper = styled('span')` + & a { + display: block; + width: ${THUMB_WIDTH}px; + max-width: ${THUMB_WIDTH}px; + min-height: 1.1em; + } +`; // const DeleteButton = styled(IconButton)` // position: absolute; @@ -173,9 +175,9 @@ export default function Album({ content }: { content: Content }) { handleNext={handleNext} onClose={() => setCurrentIndexOpen(-1)} /> - {/* {item.title && ( + {item.title && ( - {!isEditing && item.externalLink ? ( + {/* {!isEditing && item.externalLink ? ( {item.title} - ) : null} + ) : null} */} {item.title} - )} */} + )} ))}