How can I get current theme colors and set them to div ?
I want to set background of a div according to the current selected theme. if dark theme is selected then the background should be dark and vice versa so that I can hide the chats visible from div.
if you have any suggestion please feel free to suggest me, I am new to frontend dev with tailwind.
![No description](https://cdn.answeroverflow.com/1222813122155511808/image.png)
11 Replies
Hey @Yashvardhan, this isn't really Wasp-specific so I can't be of much help (I haven't worked a lot with tailwind).
I suggest you take a look at their docs for this: https://tailwindcss.com/docs/dark-mode
Dark Mode - Tailwind CSS
Using Tailwind CSS to style your site in dark mode.
Thanks @Filip ,
I have one more thing to ask, here is a listed as public api and whenever I hit it with postman it gives 401 because of so is there any way to use this api out of wasp client without declaring it as api.
![No description](https://cdn.answeroverflow.com/1222851588461428766/image.png)
![No description](https://cdn.answeroverflow.com/1222851588717150250/image.png)
only exists if it is called from client, to expose it I need to use headers for token.
If I understood the question correctly, you want to call your Action from outside the Wasp app's frontend, as a regular HTTP endpoint?
yes, this is what I want
In that case, yes - you'll have to use the API.
Operations (Queries and Actions) are meant to be used as RPCs (i.e,. function calls from the frontend). It is possible to hack your way around and use them from the outside of the app, but that's not what they're meant for and there's no stability guarantee.
You can easily avoid repeating the same logic twice by doing something like this:
Or, if you don't need the Action, you can just implement the API.
Finally, you can tell me what exactly you're trying to do (in the bigger picture). Perhaps Wasp has a specialized tool for it and I can help you out.
I got your point of keeping business logic separate and call it from API and Operations implementation. Something like this :
actions.js
Is it okay If I do this ?
Hm, not sure if that's going to work, but it's very creative
Did you try it out?
it works but my problem remains the same, I have to remove in order to make it work.
@sodic is there any way to check if request is coming from wasp client or any other source.
![No description](https://cdn.answeroverflow.com/1224234097153413151/image.png)
Wohooo @Yashvardhan, you just became a Waspeteer level 1!
it works but my problem remains the same, I have to remove context in order to make it work.Understood! If that's a problem, I recommend you take the approach I suggested and properly pass the
context
to the business logic function yourself. Check out the API docs to better understand the positional arguments it takes: https://wasp-lang.dev/docs/advanced/apis
@sodic is there any way to check if request is coming from wasp client or any other source.Good question! Wasp doesn't yet offer first-class for doing this, but you can cook it up yourself. There are two ways a requester can inform the server about its identity 1. Request metadata - e.g., user-agent, some other header 2. Request data - e.g., putting a
source: "web" | "mobile"
field in the payload
The 2nd approach works for all requests (RPCs via Queries/Actions, or APIs), but adds noise to your payload.
The 1st approach only works when you can set the desired metadata, meaning you have to call your endpoints with the Axios wrapper you import from wasp/client/api
Finally, when you're using APIs, you have access to the req
object (see the above docs for details), check the Express docs to see what you can find out from that: https://expressjs.com/en/api.html#req