ekzyis/stacker.news
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Fix footnotes and overflow (#1940)

Browse Source 
* Fix missing uncollapse on footnote click

* Add comments to variables
This commit is contained in:
ekzyis 2025-03-03 14:31:10 -06:00 committed by GitHub
parent 0d57dce068
commit dfe0c4ad23
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
1 changed files with 6 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

9
components/text.js
View File

@ -49,10 +49,13 @@ export function SearchText ({ text }) {
// this is one of the slowest components to render // this is one of the slowest components to render
export default memo(function Text ({ rel = UNKNOWN_LINK_REL, imgproxyUrls, children, tab, itemId, outlawed, topLevel }) { export default memo(function Text ({ rel = UNKNOWN_LINK_REL, imgproxyUrls, children, tab, itemId, outlawed, topLevel }) {
// would the text overflow on the current screen size?
const [overflowing, setOverflowing] = useState(false) const [overflowing, setOverflowing] = useState(false)
const router = useRouter() // should we show the full text?
const [show, setShow] = useState(false) const [show, setShow] = useState(false)
const containerRef = useRef(null) const containerRef = useRef(null)
const router = useRouter()
const [mathJaxPlugin, setMathJaxPlugin] = useState(null) const [mathJaxPlugin, setMathJaxPlugin] = useState(null)
// we only need mathjax if there's math content between $$ tags // we only need mathjax if there's math content between $$ tags
@ -69,9 +72,9 @@ export default memo(function Text ({ rel = UNKNOWN_LINK_REL, imgproxyUrls, child
// if we are navigating to a hash, show the full text // if we are navigating to a hash, show the full text
useEffect(() => { useEffect(() => {
setShow(router.asPath.includes('#') && !router.asPath.includes('#itemfn-')) setShow(router.asPath.includes('#'))
const handleRouteChange = (url, { shallow }) => { const handleRouteChange = (url, { shallow }) => {
setShow(url.includes('#') && !url.includes('#itemfn-')) setShow(url.includes('#'))
} }
router.events.on('hashChangeStart', handleRouteChange) router.events.on('hashChangeStart', handleRouteChange)