p4j4r5 Comments - Answer Overflow

p4j4r5

•Created by p4j4r5 on 11/16/2024 in #🙋questions

sendgrid use email templates

Alright then. I may need to stick to defining templates within App, which isn't efficient for maintenance and wish I could use templates that are already defined.

5 replies

WWasp-lang

•Created by balina on 7/18/2024 in #🙋questions

Is there a way automatically navigate to another page

Is this in new version v0.15 ? I am on version 0.14. May need to update it to 0.15 first then

16 replies

WWasp-lang

•Created by balina on 7/18/2024 in #🙋questions

Is there a way automatically navigate to another page

@martinsos
I have hit the same issue ,where I have page which is rendered partial if user isn't signed up or logged in. Once he signs up, I need to redirect the user back to that page. So wondering if any options are there for this?

16 replies

WWasp-lang

•Created by p4j4r5 on 11/7/2024 in #🙋questions

How to use authUser conditionally in a react page?

This is how I do

  import { getFullDetails, getMeteredDetails } from 'wasp/client/operations';

  import { getFullDetails, getMeteredDetails } from 'wasp/client/operations';

    const { data: user } = useAuth()
    const [metered, setMetered] = React.useState<boolean>(false);
    React.useEffect(() => {
        // Replace with your data fetching logic
        const fetchData = async () => {
            try {
                if (user) {
                    const response = await getFullDetails({ id });
                    setMetered(false);

                } else {
                    const response = await getMeteredDetails({ id });
                    setMetered(true);
                }

            } catch (error) {
                console.error( error);
            }
        }
        fetchData();
    }, [match.params.id, user]);

    const { data: user } = useAuth()
    const [metered, setMetered] = React.useState<boolean>(false);
    React.useEffect(() => {
        // Replace with your data fetching logic
        const fetchData = async () => {
            try {
                if (user) {
                    const response = await getFullDetails({ id });
                    setMetered(false);

                } else {
                    const response = await getMeteredDetails({ id });
                    setMetered(true);
                }

            } catch (error) {
                console.error( error);
            }
        }
        fetchData();
    }, [match.params.id, user]);

in JSX I display data based on the state of metered variable

{metered && (<div> metered content </div> )

{metered && (<div> metered content </div> )

19 replies

WWasp-lang

•Created by p4j4r5 on 11/8/2024 in #🙋questions

How to add delay to all responses

Nice.. that works.

11 replies

WWasp-lang

•Created by p4j4r5 on 11/8/2024 in #🙋questions

How to add delay to all responses

@kapa.ai I tried adding below code and the server doesn't delay the responses . Any idea why?

//File @src/serverSetup.ts
import { config, ServerSetupFn, type MiddlewareConfigFn } from 'wasp/server'
import delay from 'express-delay'
export const slowDownResponses: ServerSetupFn = async ({ app }) => {
    console.log('Setting up slow down responses middleware')
    app.use(delay(2000));
}

//File @src/serverSetup.ts
import { config, ServerSetupFn, type MiddlewareConfigFn } from 'wasp/server'
import delay from 'express-delay'
export const slowDownResponses: ServerSetupFn = async ({ app }) => {
    console.log('Setting up slow down responses middleware')
    app.use(delay(2000));
}

// Main.wasp

  wasp: {
    version: "^0.14.0"
  },
  server: {
    setupFn: import { slowDownResponses } from "@src/serverSetup",
  },

// Main.wasp

  wasp: {
    version: "^0.14.0"
  },
  server: {
    setupFn: import { slowDownResponses } from "@src/serverSetup",
  },

11 replies

WWasp-lang

•Created by p4j4r5 on 11/7/2024 in #🙋questions

How to use authUser conditionally in a react page?

I use useAuth() hook like this

    const { data: user } = useAuth()

And then in useEffect, I conditionally call two different endpoints based on user variable and the authRequired on PageRoute within main.wasp is set to false

19 replies

WWasp-lang

•Created by p4j4r5 on 11/7/2024 in #🙋questions

How to use authUser conditionally in a react page?

Thanks @Sven Using const { data: user } = useAuth() works well. The suggestion you made seems to fail for me because I don't want authentication and the user object isn't injected into Props. Then typescript check fails.

19 replies

WWasp-lang

•Created by p4j4r5 on 11/7/2024 in #🙋questions

How to use authUser conditionally in a react page?

Thanks @kapa.ai Seems this should work for me. Will give this a try

19 replies

WWasp-lang

•Created by p4j4r5 on 11/5/2024 in #🙋questions

How differentiate different status codes on client from HTTPerror thrown

@kapa.ai What is the function to use instead of useQuery when interacting with actions

10 replies

WWasp-lang