brandon/uiowaATR
1
0
Fork 0
Code Issues 1 Pull Requests Actions Packages Projects Releases Wiki Activity

remove need for resource to be passed down components in form, use form data instead

Browse Source
This commit is contained in:
Brandon Egger 2023-08-24 11:31:02 -05:00
parent 4a03135f2d
commit 064269ca3f
1 changed files with 4 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

7
src/components/admin/resources/form.tsx
View File

@ -53,8 +53,9 @@ export type ResourceUpdateInput = RouterInputs["auditoryResource"]["update"];
* *
* File needs to be path relative to resource_logos/ * File needs to be path relative to resource_logos/
*/ */
const SelectImageInput = ({ resource }: { resource?: ResourceUpdateInput }) => { const SelectImageInput = () => {
const { setValue, setError, watch } = useFormContext<ResourceUpdateInput>(); const { setValue, setError, watch } = useFormContext<ResourceUpdateInput>();
const name = watch("name");
const photo = watch("photo"); const photo = watch("photo");
const icon = watch("icon"); const icon = watch("icon");
@ -86,7 +87,7 @@ const SelectImageInput = ({ resource }: { resource?: ResourceUpdateInput }) => {
className="bg-whit group relative cursor-pointer overflow-hidden rounded-xl border border-neutral-400 drop-shadow-lg" className="bg-whit group relative cursor-pointer overflow-hidden rounded-xl border border-neutral-400 drop-shadow-lg"
> >
<ResourcePhoto <ResourcePhoto
name={resource?.name ?? "n/a"} name={name ?? "unknown resource logo"}
photo={photo ?? null} photo={photo ?? null}
src={icon} src={icon}
/> />
@ -343,7 +344,7 @@ function ResourceSummarySubForm({
<div className="space-y-4 px-4"> <div className="space-y-4 px-4">
<div className="flex flex-row space-x-4 sm:mt-4"> <div className="flex flex-row space-x-4 sm:mt-4">
<div className="flex w-20 flex-col justify-center space-y-2 sm:w-28"> <div className="flex w-20 flex-col justify-center space-y-2 sm:w-28">
<SelectImageInput resource={resource} /> <SelectImageInput />
</div> </div>
<div className="flex flex-col justify-center overflow-hidden rounded-xl border border-neutral-400 bg-white drop-shadow-lg sm:w-[300px] md:w-[400px]"> <div className="flex flex-col justify-center overflow-hidden rounded-xl border border-neutral-400 bg-white drop-shadow-lg sm:w-[300px] md:w-[400px]">
<h2 className="border-b border-neutral-300 px-2 text-center font-semibold"> <h2 className="border-b border-neutral-300 px-2 text-center font-semibold">