Novu•2mo ago

Hide workflows for specific users in Preferences component

Hello! Is there any way to hide a workflow for specific users? Let's say I have two workflows "workflow A" and "workflow B" and a user with a specific property (in this case the subscription plan on our project) should be able to see only workflow A or workflow B in the Preferences component based on the subscription plan he has. We also check for the subscription plan in the execution of the flow, so I could hide the workflow just VISUALLY and that would be fine. Thanks a lot! G.

14 Replies

Dima Grossman•2mo ago

Hi @Gaia this is currently can be possible using the tags filter for preference: https://docs.novu.co/inbox/react/components/inbox#filter-visible-preferences You can mark the Premium or Base tier workflow with a special tag and filter them conditonally on the UI depending on the user

Novu

- Novu

GaiaOP•2mo ago

Thank you very much! I thought I had read everywhere on the docs but I must have skipped this part without realizing it 😅

Dima Grossman•2mo ago

Where would you most expect to see this information on the docs (page or section)?

GaiaOP•2mo ago

I guess I was looking for it in the Workflow page of the docs or in the "Preferences" page inside the Inbox section

Dima Grossman•2mo ago

thanks for the feedback! Going to update this

Dima Grossman•2mo ago

I've added a new section here: https://docs.novu.co/inbox/react/components/preferences#filtering-preferences 🙏

Novu

- Novu

GaiaOP•2mo ago

That's great, thanks!!

Novu_Bot•2mo ago

@Gaia, you just advanced to level 1!

GaiaOP•2mo ago

Sorry @Dima Grossman do I have to set the property preferencesFilter in the Inbox component even If I'm separating the Preferences from the Inbox? I tried conditionally like this:

return (
    <>
      {subscriberId && (
        <Inbox 
        subscriberId={subscriberId} 
        applicationIdentifier={import.meta.env.VITE_NOVU_APP_ID} 
        routerPush={(path: string) => router.push(path)}
        preferencesFilter={{ tags: hasReputation ? ['reputation_basic'] : hasReputationPro ? ['reputation_pro'] : ['test_push'] }}
        >
          <Preferences />
        </Inbox>
      )}
    </>
  );

return (
    <>
      {subscriberId && (
        <Inbox 
        subscriberId={subscriberId} 
        applicationIdentifier={import.meta.env.VITE_NOVU_APP_ID} 
        routerPush={(path: string) => router.push(path)}
        preferencesFilter={{ tags: hasReputation ? ['reputation_basic'] : hasReputationPro ? ['reputation_pro'] : ['test_push'] }}
        >
          <Preferences />
        </Inbox>
      )}
    </>
  );

` But I can still see all the workflows (even the one with tags not specified in the filter).

Dima Grossman•2mo ago

Hi @Gaia let me try to replicate this locally Seems like an issue on our end, team is checkign this

GaiaOP•2mo ago

Thank you very much, I'll wait for you updates 🚀

Pawan Jain•2mo ago

@Gaia Our team is working on fix

Dima Grossman•2mo ago

@Gaia a fix was deployed to our cloud instance, could you please re-try this?

GaiaOP•2mo ago

Just tested and working fine now! Thanks 💯 🙏

Gaming

Programming

Hide workflows for specific users in Preferences component

Did you find this page helpful?