22id : jotai
33slug : /jotai
44title : State management - jotai
5- sidebar_position : 3
5+ sidebar_position : 4
66tags :
77 - Jotai
88 - State management
@@ -46,7 +46,9 @@ import { useAtomValue } from 'jotai'
4646import { isSignedInAtom , userNameAtom } from ' @baca/store/auth'
4747
4848export const UserName = () => {
49+ // success-line
4950 const isSignedIn = useAtomValue (isSignedInAtom )
51+ // success-line
5052 const userName = useAtomValue (userNameAtom )
5153
5254 if (isSignedIn ) {
@@ -64,7 +66,9 @@ import { store } from '@baca/store'
6466import { isSignedInAtom , userNameAtom } from ' @baca/store/auth'
6567
6668const getUserName = () => {
69+ // success-line
6770 const isSignedIn = store .get (isSignedInAtom )
71+ // success-line
6872 const userName = store .get (userNameAtom )
6973
7074 if (isSignedIn ) {
@@ -84,11 +88,13 @@ import { isSignedInAtom } from '@baca/store/auth'
8488
8589const SignInButton = () => {
8690 // Optionbally you can use `useSetAtom()`
91+ // success-line
8792 const [isSignedIn, setIsSignedIn] = useAtom (isSignedInAtom )
8893
8994 const handleSignIn = () => {
9095 // Handle logic on backend
9196
97+ // success-line
9298 setIsSignedIn (true )
9399 }
94100
@@ -109,6 +115,7 @@ import { isSignedInAtom } from '@baca/store/auth'
109115const handleSignIn = () => {
110116 // Handle logic on backend
111117
118+ // success-line
112119 store .set (isSignedInAtom , true )
113120}
114121
0 commit comments