Remove old commented out code

packages/web/components/patterns/LibraryCards/LibraryGridCard.tsx

@@ -289,119 +289,3 @@ export function LibraryGridCard(props: LinkedItemCardProps): JSX.Element {
     </Link>
   )
 }
-
-// // Component
-// export function LibraryGridCard(props: LinkedItemCardProps): JSX.Element {
-//   return (
-//     <StyledLink
-//       onClick={() => {
-//         props.handleAction('showDetail')
-//       }}
-//     >
-//       <VStack
-//         distribution="start"
-//         alignment="start"
-//         css={{
-//           width: '100%',
-//           p: '10px',
-//           height: '100%',
-//           borderRadius: '5px',
-//           cursor: 'pointer',
-//           border: '1px solid $libraryActiveMenuItem',
-//           mb: '15px',
-//         }}
-//       >
-//         <HStack
-//           alignment="start"
-//           distribution="between"
-//           css={{
-//             display: 'grid',
-//             gridTemplateColumns: '1fr 24px',
-//             gridTemplateRows: '1fr',
-//             width: '100%',
-//           }}
-//         >
-//           <CardTitle title={props.item.title} />
-//           <Box
-//             css={{ alignSelf: 'end', alignItems: 'end', height: '100%' }}
-//             onClick={(e) => {
-//               // This is here to prevent menu click events from bubbling
-//               // up and causing us to "click" on the link item.
-//               e.stopPropagation()
-//             }}
-//           >
-//             <CardMenu
-//               item={props.item}
-//               viewer={props.viewer}
-//               triggerElement={
-//                 <MoreOptionsIcon
-//                   size={24}
-//                   strokeColor={theme.colors.grayTextContrast.toString()}
-//                   orientation="horizontal"
-//                 />
-//               }
-//               actionHandler={props.handleAction}
-//             />
-//           </Box>
-//         </HStack>
-//         <HStack alignment="start" distribution="between">
-//           <StyledText style="caption" css={{ fontWeight: '600' }}>
-//             {props.item.author && (
-//               <SpanBox>{removeHTMLTags(props.item.author)}</SpanBox>
-//             )}
-//             {props.originText && (
-//               <>
-//                 <Box
-//                   css={{
-//                     height: '4px',
-//                     width: '4px',
-//                     borderRadius: '50%',
-//                     display: 'inline-block',
-//                     background: 'var(--colors-graySolid)',
-//                   }}
-//                 ></Box>
-//                 <SpanBox css={{ color: 'var(--colors-graySolid)' }}>
-//                   {props.originText}
-//                 </SpanBox>
-//               </>
-//             )}
-//           </StyledText>
-//         </HStack>
-//       </VStack>
-//       <HStack
-//         alignment="start"
-//         distribution="between"
-//         css={{
-//           width: '100%',
-//           pr: '12px',
-//           flexGrow: '1',
-//         }}
-//       >
-//         <StyledText
-//           css={{
-//             fontStyle: 'normal',
-//             fontWeight: '400',
-//             fontSize: '14px',
-//           }}
-//           data-testid="listDesc"
-//         >
-//           {props.item.description}
-//         </StyledText>
-//       </HStack>
-//       <Box css={{ display: 'block', py: '12px' }}>
-//         {props.item.labels?.map(({ name, color }, index) => (
-//           <LabelChip key={index} text={name || ''} color={color} />
-//         ))}
-//       </Box>
-//       <ProgressBar
-//         fillPercentage={props.item.readingProgressPercent}
-//         fillColor={theme.colors.highlight.toString()}
-//         backgroundColor={theme.colors.lightBorder.toString()}
-//         borderRadius={
-//           props.item.readingProgressPercent === 100 ? '0' : '0px 8px 8px 0px'
-//         }
-//       />
-//       </VStack>
-//     </StyledLink>
-//   )
-// }