AldiBoi
Explore posts from serversTTCTheo's Typesafe Cult
•Created by AldiBoi on 1/14/2024 in #questions
Trpc useQuery keeps refetching even with no errors (I am getting back data every time)
Hey everyone, I tried looking into why this might happen, and either dont know enough about it to describe it or have a peculiar issue.
In my client side component, I have a useQuery from trpc/react/. Whenever I call my procedure with parameters, (two Dates in my case), my procure spam calls, although it returns data each time. I am at a loss, and have been looking for docs for this. Any pointers to what might be going on would be appreciated. (Images otw)
6 replies
TTCTheo's Typesafe Cult
•Created by AldiBoi on 12/12/2023 in #questions
Google Api Node packages using Next Auth.
I am working on a project where I need to use google api, and noticed that they have npm packages for their apis.
The problem is that I can't for the life of me figure out how these apis are supposed to take my credentials, since in theory I should already have them after signing in, but it doesn't look like thats the case.
The documentation is abysmal at the moment, so I was wondering if anyone had experience with the api that could help me out?
2 replies
KPCKevin Powell - Community
•Created by AldiBoi on 11/16/2023 in #front-end
Issues with overflow and in a flex grow container
Basically the above title. I am working on a codepen for a general idea of the question but I think it would be more confusing than describing the issue.
What I am building is as follows: -> I am also using tailwind
- Dashboard with 2 parts in a flex-col one above the other
--- 1. Thin Ui Stuff
--- 2. Big box that i want to stretch into the rest of the screen, while still allowing overflow-scroll in the children without the entire page scrolling (Problem is Here)
I have the component done in theory, but I want it to be rigid so that I can use overflow on a child element. The problem is that the <PastShifts /> component can be arbitrarily tall, and is causing the box to expand way past the set height, even if i give it something specific like 700px.
Im open to any and all changes, but how could i reasonably make it so the final div only takes up the remaining height while still being rigid to allow for future overflow rules?
My broken code for reference (React and Tailwind):
<div className="flex h-full flex-col space-y-4 p-8 pb-4 pt-6">
{/* Other elements, relatively thin */}
<div className="flex items-center justify-between space-y-2">
<h2 className="text-3xl font-bold tracking-tight">Dashboard</h2>
</div>
<div className="mb-5 flex flex-col gap-2">
<h3 className="text-xl font-normal">Upocming Shifts</h3>
<UpcomingShifts events={data} />
</div>
{/* End of other elements start of div i want to take up rest of screen*/}
<div className="flex flex-grow overflow-y-auto bg-red-300 p-2">
<div className="grow bg-blue-300">1</div>
{/* <PastShifts events={data} /> */}
</div>
</div>
5 replies