rating-control-fix

src/components/Article/ShoutRatingControl.tsx

@@ -26,7 +26,7 @@ export const ShoutRatingControl = (props: ShoutRatingControlProps) => {
 
   const {
     reactionEntities,
-    actions: { createReaction, deleteReaction, loadReactionsBy },
+    actions: { createReaction, loadReactionsBy },
   } = useReactions()
 
   const checkReaction = (reactionKind: ReactionKind) =>

src/context/session.tsx

@@ -47,7 +47,6 @@ export type SessionContextType = {
   authError: Accessor<string>
   isSessionLoaded: Accessor<boolean>
   subscriptions: Accessor<Result>
-  isAuthWithCallback: Accessor<() => void>
   isAuthenticated: Accessor<boolean>
   actions: {
     loadSession: () => AuthToken | Promise<AuthToken>
@@ -70,6 +69,8 @@ export type SessionContextType = {
   }
 }
 
+const noop = () => {}
+
 const SessionContext = createContext<SessionContextType>()
 
 export function useSession() {
@@ -250,11 +251,9 @@ export const SessionProvider = (props: {
     ),
   )
 
-  // require auth wrapper
+  const [authCallback, setAuthCallback] = createSignal<() => void>(() => {})
-  const [isAuthWithCallback, setIsAuthWithCallback] = createSignal<() => void>()
   const requireAuthentication = async (callback: () => void, modalSource: AuthModalSource) => {
-    setIsAuthWithCallback(() => callback)
+    setAuthCallback((_cb) => callback)
-
     if (!session()) {
       await loadSession()
       if (!session()) {
@@ -264,9 +263,10 @@ export const SessionProvider = (props: {
   }
 
   createEffect(() => {
-    if (isAuthWithCallback()) {
+    const handler = authCallback()
-      isAuthWithCallback()()
+    if (handler !== noop) {
-      setIsAuthWithCallback(null)
+      handler()
+      setAuthCallback((_cb) => noop)
     }
   })
 
@@ -345,7 +345,6 @@ export const SessionProvider = (props: {
     isSessionLoaded,
     author,
     actions,
-    isAuthWithCallback,
     isAuthenticated,
   }