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

reset nym editting state on page change (#1993)

Browse Source
This commit is contained in:
Edward Kung 2025-03-19 16:55:22 -07:00 committed by GitHub
parent 74d99e9b74
commit 08501583df
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
1 changed files with 7 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
components/user-header.js
View File

@ -4,7 +4,7 @@ import Image from 'react-bootstrap/Image'
import Link from 'next/link' import Link from 'next/link'
import { useRouter } from 'next/router' import { useRouter } from 'next/router'
import Nav from 'react-bootstrap/Nav' import Nav from 'react-bootstrap/Nav'
import { useState } from 'react' import { useState, useEffect } from 'react'
import { Form, Input, SubmitButton } from './form' import { Form, Input, SubmitButton } from './form'
import { gql, useApolloClient, useMutation } from '@apollo/client' import { gql, useApolloClient, useMutation } from '@apollo/client'
import styles from './user-header.module.css' import styles from './user-header.module.css'
@ -199,8 +199,14 @@ export function NymActionDropdown ({ user, className = 'ms-2' }) {
} }
function HeaderNym ({ user, isMe }) { function HeaderNym ({ user, isMe }) {
const router = useRouter()
const [editting, setEditting] = useState(false) const [editting, setEditting] = useState(false)
// if route changes, reset editting state
useEffect(() => {
setEditting(false)
}, [router.asPath])
return editting return editting
? <NymEdit user={user} setEditting={setEditting} /> ? <NymEdit user={user} setEditting={setEditting} />
: <NymView user={user} isMe={isMe} setEditting={setEditting} /> : <NymView user={user} isMe={isMe} setEditting={setEditting} />