discours.io/webapp
5
0
Fork 0
Code Issues Pull Requests Actions Projects Wiki Activity

Profile settings fixes (#219)

Browse Source
This commit is contained in:
Ilya Y 2023-09-15 12:30:50 +03:00 committed by GitHub
parent a95a075755
commit 218c190d2e
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
2 changed files with 41 additions and 43 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
src/components/Views/Author/Author.tsx
View File

@ -44,9 +44,9 @@ export const AuthorView = (props: Props) => {
const [followers, setFollowers] = createSignal<Author[]>([])
const [subscriptions, setSubscriptions] = createSignal<Array<Author | Topic>>([])
const [bioWrapper, setBioWrapper] = createSignal<HTMLElement>()
const [bioContainer, setBioContainer] = createSignal<HTMLElement>()
const [showExpandBioControl, setShowExpandBioControl] = createSignal(false)
const bioContainerRef: { current: HTMLDivElement } = { current: null }
const fetchSubscriptions = async (): Promise<{ authors: Author[]; topics: Topic[] }> => {
try {
const [getAuthors, getTopics] = await Promise.all([
@ -63,8 +63,8 @@ export const AuthorView = (props: Props) => {
}
const checkBioHeight = () => {
if (bioContainer()) {
setShowExpandBioControl(bioContainer().offsetHeight > bioWrapper().offsetHeight)
if (bioContainerRef.current) {
setShowExpandBioControl(bioContainerRef.current.offsetHeight > bioWrapper().offsetHeight)
}
}
@ -184,7 +184,7 @@ export const AuthorView = (props: Props) => {
class={styles.longBio}
classList={{ [styles.longBioExpanded]: isBioExpanded() }}
>
<div ref={setBioContainer}>{author().about}</div>
<div ref={(el) => (bioContainerRef.current = el)} innerHTML={author().about} />
</div>
<Show when={showExpandBioControl()}>

2
src/components/_shared/GrowingTextarea/GrowingTextarea.tsx
View File

@ -40,7 +40,6 @@ export const GrowingTextarea = (props: Props) => {
}
return (
<Show when={value()}>
<div
class={clsx(styles.GrowingTextarea, {
[styles.bordered]: props.variant === 'bordered',
@ -79,6 +78,5 @@ export const GrowingTextarea = (props: Props) => {
</div>
</Show>
</div>
</Show>
)
}