From 3fdb8261b5b058e698527b248b05239dd637653a Mon Sep 17 00:00:00 2001 From: VarunVAshrit Date: Wed, 18 Dec 2024 16:44:41 +0530 Subject: [PATCH] Revert "Filtering on magazine tags on the /no/magasin page goes to Norwegian homepage instead of filtering #2687" This reverts commit c7e3217e58a7dc5ede241bba394a439ef18ab812. --- web/pageComponents/shared/MagazineTagBar.tsx | 96 -------------------- 1 file changed, 96 deletions(-) diff --git a/web/pageComponents/shared/MagazineTagBar.tsx b/web/pageComponents/shared/MagazineTagBar.tsx index 797ac0102..75cc6251e 100644 --- a/web/pageComponents/shared/MagazineTagBar.tsx +++ b/web/pageComponents/shared/MagazineTagBar.tsx @@ -1,99 +1,3 @@ -// import { AnchorHTMLAttributes, forwardRef } from 'react' -// import styled from 'styled-components' -// import { Link } from '@core/Link' -// import { useIntl } from 'react-intl' - -// export type MagazineTagBarProps = { -// tags: TagLink[] -// href: string -// onClick?: (value: string) => void -// defaultActive: boolean -// } - -// export type TagLink = { -// label: string -// active: boolean -// } & AnchorHTMLAttributes - -// const Wrapper = styled.div` -// display: flex; -// align-content: center; -// border-top: 1px solid var(--grey-30); -// border-bottom: 1px solid var(--grey-30); -// ` -// const TagWrapper = styled.div` -// display: flex; -// flex-wrap: nowrap; -// margin: auto; -// overflow-x: scroll; -// white-space: nowrap; -// padding: var(--space-large); -// grid-gap: var(--space-xLarge); - -// ::-webkit-scrollbar { -// display: none; -// } - -// @media (min-width: 1024px) { -// flex-wrap: wrap; -// padding: var(--space-large) var(--space-3xLarge); -// overflow: overlay; -// } -// ` -// const allTagLink: TagLink = { -// href: '#', -// label: 'All', -// active: false, -// } - -// const MagazineTagBar = forwardRef(function MagazineTagBar( -// { tags, onClick, href, defaultActive = false }, -// ref, -// ) { -// const intl = useIntl() -// allTagLink.label = intl.formatMessage({ id: 'magazine_tag_filter_all', defaultMessage: 'ALL' }) -// allTagLink.active = defaultActive -// const linkClassNames = `inline-block text-base lg:text-xs relative no-underline hover:font-bold before:block before:content-[attr(data-title)] before:font-bold before:h-0 before:overflow-hidden before:invisible after:content-[''] after:absolute after:border-l-2 after:border-energy-red-100 after:right-[calc(var(--space-xLarge)_*-0.5)] after:h-full last:after:hidden` -// return ( -// -// -// { -// if (onClick) { -// event.preventDefault() -// onClick('ALL') -// allTagLink.active = true -// } -// }} -// > -// {allTagLink.label} -// -// {tags.map((it: TagLink) => ( -// { -// if (onClick) { -// event.preventDefault() -// onClick(it.label) -// allTagLink.active = false -// } -// }} -// > -// {it.label} -// -// ))} -// -// -// ) -// }) - -// export default MagazineTagBar import { AnchorHTMLAttributes, forwardRef } from 'react' import styled from 'styled-components' import { Link } from '@core/Link'