fix: make PronounLink reactive, fixes wrong pronouns showing up
This commit is contained in:
		
							parent
							
								
									938005cd9f
								
							
						
					
					
						commit
						cafebec8ec
					
				
					 1 changed files with 16 additions and 9 deletions
				
			
		|  | @ -4,18 +4,25 @@ | ||||||
|   export let pronouns: Pronoun; |   export let pronouns: Pronoun; | ||||||
| 
 | 
 | ||||||
|   let pronounText: string; |   let pronounText: string; | ||||||
|   if (pronouns.display_text) { |   $: pronounText = updatePronouns(pronouns); | ||||||
|     pronounText = pronouns.display_text; |  | ||||||
|   } else { |  | ||||||
|     const split = pronouns.pronouns.split("/"); |  | ||||||
|     if (split.length < 2) pronounText = split.join("/"); |  | ||||||
|     else pronounText = split.slice(0, 2).join("/"); |  | ||||||
|   } |  | ||||||
| 
 | 
 | ||||||
|   const link = pronouns.display_text |   const updatePronouns = (pronouns: Pronoun) => { | ||||||
|  |     if (pronouns.display_text) { | ||||||
|  |       return pronouns.display_text; | ||||||
|  |     } else { | ||||||
|  |       const split = pronouns.pronouns.split("/"); | ||||||
|  |       if (split.length < 2) return split.join("/"); | ||||||
|  |       else return split.slice(0, 2).join("/"); | ||||||
|  |     } | ||||||
|  |   }; | ||||||
|  | 
 | ||||||
|  |   let link: string; | ||||||
|  |   let shouldLink: boolean; | ||||||
|  | 
 | ||||||
|  |   $: link = pronouns.display_text | ||||||
|     ? `${pronouns.pronouns},${pronouns.display_text}` |     ? `${pronouns.pronouns},${pronouns.display_text}` | ||||||
|     : pronouns.pronouns; |     : pronouns.pronouns; | ||||||
|   const shouldLink = pronouns.pronouns.split("/").length === 5; |   $: shouldLink = pronouns.pronouns.split("/").length === 5; | ||||||
| </script> | </script> | ||||||
| 
 | 
 | ||||||
| {#if shouldLink} | {#if shouldLink} | ||||||
|  |  | ||||||
		Loading…
	
	Add table
		Add a link
		
	
		Reference in a new issue