Submitting Data to FireStore isn't working (Please Help) | Scrimba | Page 1

grizzled osprey Dec 26, 2023, 1:09 PM

#

Hey so i'm creating my first ever firebase (for hte backend) app, to learn and try out what i know.

And my project, simply put is a Job Board. A service much needed for my local area due to the absence of good job boards.

Anyhow, I'm at a stage of "completing user data" (i'll mention routes below), and there's two children components, one for the "employer" and one for the "job seeker". The employer data was being submitted with no problems whatsoever.
However, when the user is trying to complete their data, I seemingly get no errors in the console, but the data is simply not being uploaded. it's really confusing and I don't know what to do.

Here's my repo below, and I really appreciate help, since I don't know what i'm doing:
https://github.com/mhdalihoria/job-hub

Route:

The problem is happening in /profile-edit and its children components SeekerForm.jsx and EmployerForm.jsx.
To reach /profile-edit you need to create an account, and after logging in, go to your user icon and go to profile

Notes:

I don't know how the debugging would work since it's a backend problem, but I guess one can change hte firebase key and work on their own backend.

Thanks a lot in advance, this is a project i'm beyond excited to see it come to light so any help is greatly appreciated.

GitHub

GitHub - mhdalihoria/job-hub

Contribute to mhdalihoria/job-hub development by creating an account on GitHub.

jagged vigil Dec 26, 2023, 1:34 PM

#

@grizzled osprey When submitting the data from the SeekerForm, what http response code are you getting in return? You can see this by looking at the browser dev tools "Network" tab.

grizzled osprey Dec 26, 2023, 1:40 PM

#

jagged vigil <@506328064305922058> When submitting the data from the SeekerForm, what http re...

Looking at the GET requests that happen after hte posts, this is what i see

#

#

as you can see, all of hte response codes are 200

jagged vigil Dec 26, 2023, 1:52 PM

#

Hmm odd. Have you checked the firebase usage logs to see if there's anything weird happening there?

grizzled osprey Dec 26, 2023, 1:57 PM

#

jagged vigil Hmm odd. Have you checked the firebase usage logs to see if there's anything wei...

Everything seems normal, just hte metrics of the reads and writes etc.

(also please ping me, so I know someone replied)

jagged vigil Dec 26, 2023, 1:58 PM

#

Hmm, not sure what to suggest. Been awhile since I used Firebase so I can't test out your code myself. Maybe someone else can see what's wrong @grizzled osprey

grizzled osprey Dec 26, 2023, 2:10 PM

#

hrm, i see. Thanks for trying anyway. Your efforts are appreciated

smoky thorn Dec 26, 2023, 3:32 PM

#

@grizzled osprey

#

Are you using a paid plan or an unpaid plan?

grizzled osprey Dec 26, 2023, 3:34 PM

#

smoky thorn Are you using a paid plan or an unpaid plan?

Hello. I'm using the Spark plan

smoky thorn Dec 26, 2023, 3:34 PM

#

ok

#

which type of data you are sending in the API

#

@grizzled osprey

grizzled osprey Dec 26, 2023, 3:36 PM

#

basic types, objects, text. that sort of thing

#

you can see it in my repo above

smoky thorn Dec 26, 2023, 3:37 PM

#

json + file right

grizzled osprey Dec 26, 2023, 3:38 PM

#

I don't believe i'm sending JSON, i'm sending a normal set of data, as for the file, it's uploaded* to storage and I only have hte link sent to firestore

smoky thorn Dec 26, 2023, 3:42 PM

#

Image is uploading?

grizzled osprey Dec 26, 2023, 3:43 PM

#

it's successfully being uploaded to storage on each submit, yes

smoky thorn Dec 26, 2023, 3:44 PM

#

just firestore not working

grizzled osprey Dec 26, 2023, 3:45 PM

#

just firestore with the seeker form, as the employer form seems to be working fine

smoky thorn Dec 26, 2023, 3:48 PM

#

const handleFinalSubmit = async () => {
// create a state or a function that we pass to EmployerForm and SeekerForm and pass the values to it for it to be submitted into firebase
// This makes sure the info submitting is getting handled in a central place
console.log("final submit");
try {
const userId = userData.uid
const timestamp = new Date().getTime();
// replace "formPreviewData.reseme.name" with the name of the file uploaded
const fileName = ${userId}/${timestamp}_${formPreviewData.reseme.name};
const storageRef = ref(storage, fileName);
console.log(storageRef);
// replace "formPreviewData.reseme" with the actual file uploaded
await uploadBytes(storageRef, formPreviewData.reseme).then((snapshot) => {
console.log("Uploaded a blob or file!", snapshot);
});

  const downloadURL = await getDownloadURL(storageRef);
  console.log("Download URL:", downloadURL);
} catch (err) {
  console.error(err);
}

};
In this, where are you sending the image URL to Firestore?
seeker form

#

@grizzled osprey

grizzled osprey Dec 26, 2023, 3:52 PM

#

smoky thorn const handleFinalSubmit = async () => { // create a state or a function that...

this function inside hte seeker file, is what handles the storage upload, and then gathers all the seeker-related information and sends it to the parent component to do the firestore submittion.

did that to keep most of hte logic in a central place as possible

final linden Dec 26, 2023, 3:54 PM

#

I think in your employerForm.jsx, you are calling handleCompleteUsrProfile which is in profile-edit/index.jsx which sets the doc. In the seekerForm you are adding something storage but not setting the rest of the doc data anywhere as you don't call handleCompleteUsrProfile again, or code it within the handleFinalSubmit of seekerForm.

#

Basically, I don't see setDoc or updateDoc anywhere in the seekerForm component, and you aren't calling handleCompleteUsrProfile which has that function

#

It looks like all of the data is being sent to storage, is that what you meant to do?

#

Well, just the resume is being uplodaded to storage

#

But skills, desired job title, etc. don't seem to be handled anywhere expect set in state

smoky thorn Dec 26, 2023, 3:58 PM

#

@grizzled osprey bro Are you trying to send this URL to Firestore, if I'm not mistaken?

final linden Dec 26, 2023, 3:59 PM

#

he's using firebase storage as well

#

so i think the intent is to upload a resume to firebase storage, and store the user data in a firestore doc. But there is no setDoc or updateDoc being used in the seekerForm

smoky thorn Dec 26, 2023, 4:00 PM

#

I'm able to find the url, but I'm not able to find the next process of sending this url to Firestore.

final linden Dec 26, 2023, 4:01 PM

#

exactly

smoky thorn Dec 26, 2023, 4:01 PM

#

@grizzled osprey

final linden Dec 26, 2023, 4:01 PM

#

the url is a dowload url for firebase storage, i bet he sees someting in his console there

smoky thorn Dec 26, 2023, 4:01 PM

#

right

final linden Dec 26, 2023, 4:01 PM

#

but to set the other data collected by the form which he has saved in state, he needs to set or update a firebase doc

#

He does this in the employerForm by calling handleCompleteUsrProfile which is a function passed from profile-edit/index.jsx , which is why that component works but seekerForm doesn't

smoky thorn Dec 26, 2023, 4:06 PM

#

@grizzled osprey

grizzled osprey Dec 26, 2023, 4:07 PM

#

Thank you guys a lot for the replies. Something has come up irl, so I will look into it and reply to each message after i'md one.

Your effort and time are much appreciated

grizzled osprey Dec 26, 2023, 5:15 PM

#

final linden I think in your employerForm.jsx, you are calling handleCompleteUsrProfile whic...

Hello, I'm finally available to look into your replies.

about the handleCompleteUsrProfile, I am calling it after downloadURL on SeekerForm.jsx @163 with the downloadURL added to the object sent to the function

grizzled osprey Dec 26, 2023, 5:17 PM

#

final linden Well, just the resume is being uplodaded to storage

Yes, Only the reseme and Profile pictures (will be handled later) are meant to be used in storage imo. as the rest of the information belongs with the rest of the user-related data in firestore (user name, email, etc).

So my logic was, get the link from th storage, and then add it to the object assigned to the user's data in firestore

grizzled osprey Dec 26, 2023, 5:18 PM

#

smoky thorn <@506328064305922058> bro Are you trying to send this URL to Firestore, if I'm n...

yes, that's what i'm trying to do

final linden Dec 26, 2023, 5:19 PM

#

grizzled osprey Hello, I'm finally available to look into your replies. about the `handleCompl...

I don't see it in the master. I'm on job-hub/components/profile-edit/jobSeeker
/SeekerForm.jsx.

grizzled osprey Dec 26, 2023, 5:20 PM

#

oh my apologies, it seems I have comitted some changes, but forgot to push

#

they must be live now

final linden Dec 26, 2023, 5:21 PM

#

It looks like it should be good now?

grizzled osprey Dec 26, 2023, 5:21 PM

#

latest commit should be "Error is still pressisting"

#

yes, that's the thing, it SHOULD be good, but it isn't

#

i get no errors, no nothing, which is what confuses me about the entire thing

final linden Dec 26, 2023, 5:21 PM

#

let me take another look

grizzled osprey Dec 26, 2023, 5:23 PM

#

earlier today i had this error

User
FirebaseError: Function setDoc() called with invalid data. Unsupported field value: a custom M object (found in document users/PHC6fjwUNMamvqLNd4Sqay7l3Uk1)```

Which after consulting GPT, it was probably the result of a "complex" initialValues (FormikFIeldValues) data, to which I have made it less complex. you can see that thru the commits

#

"PHC6fjwUNMamvqLNd4Sqay7l3Uk1" this bein the id of the user i am testing things on

grizzled osprey Dec 26, 2023, 5:24 PM

#

final linden let me take another look

thank you

final linden Dec 26, 2023, 5:25 PM

#

looks like profile-edit/index is missing from your repo now

#

which is where handleCompleteUsrProfile was

grizzled osprey Dec 26, 2023, 5:25 PM

#

it's... missing?

#

#

the _app.jsx changes are me commenting out some logs

final linden Dec 26, 2023, 5:26 PM

#

grizzled osprey Dec 26, 2023, 5:26 PM

#

profile-edit/index is in the pages directory

final linden Dec 26, 2023, 5:27 PM

#

whoops lol

grizzled osprey Dec 26, 2023, 5:27 PM

#

all g lol

#

also another weird behavior I encountered that I didn't get to fix, is:
After submitting from "employer form", then refreshing, and selecting the seeker form, it seems when user is submitting data, that the employer data (or at least some of it) is being submitted, even though you're a user. Weird bug that doesn't make sense, but may guide to the right answer

final linden Dec 26, 2023, 5:33 PM

#

It may be best to break the submission of the data of the user and employer to firebase into two separate functions as they will have different document fields collected. It's great to have one utility function to do it all, but honestly separating the two won't cause the app to load any slower and could help you trouble shoot this by being distinct with what is being passed to each function.

#

Right now you are using a function(handleCompleteUsrProfile) that will get a doc, see if it exists, then set a new doc in its place. For the sake of firebase reads, you could probably do without getting the doc altogether in that function because if you set something or even update (if i recall correctly) something that doesn't exist it will create the new doc for you in firestore

#

And, there's no else within the if statement for if the docSnap exists. What if, and I didn't look this far, if the user doc wasn't created at login, the function is getting a doc that doesn't exist, so the execution is then stopped because there is nothing thrown in an else statement

grizzled osprey Dec 26, 2023, 5:37 PM

#

final linden Right now you are using a function(handleCompleteUsrProfile) that will get a doc...

I see what you mean, however, I don't want a user that somehow got access to that link to set new docs in firestore. Sure I have set the rules to only auth, but I still get concerned

final linden Dec 26, 2023, 5:38 PM

#

only auth will work just fine... its chicken and the egg. You have to allow an auth user to create the doc for the client side to see if it exists, unless you are using cloud functions and the admin SDK

grizzled osprey Dec 26, 2023, 5:39 PM

#

I think clouds functions are outside the spark plan, so i don't got access to that as of now

#

You have to allow an auth user to create the doc for the client side to see if it exists
But this is concerning, you do have a point, a new user, who isn't authed, may not be able to create since write is auth only

final linden Dec 26, 2023, 5:41 PM

#

you can do blaze plan for free... you just have to provide a credit card. I've been doing a lot of firebase on this project you can check out if you want. Uses cloud functions, etc. It's very early stages and if you don't want to create an account, you can use test@home.net, password is 123456

grizzled osprey Dec 26, 2023, 5:41 PM

#

oh wait, the rule is for firestore, so if a new user is created, it's auth related activity so it doesn't count

final linden Dec 26, 2023, 5:41 PM

#

90s-online.netlify.app

#

ive done tons of reads and writes in developing this and haven't paid a penny

grizzled osprey Dec 26, 2023, 5:42 PM

#

thing is, due to me being in a restricted 3rd world country, CCs aren't really available. But i'm trying to get my hands on one, at least have access to it

final linden Dec 26, 2023, 5:42 PM

#

gotcha

#

i don't have a lot of time right now, but I can check out your code a bit later. If you want, you can give me access to your firebase as an admin temporarily and i'll fork your code and look at it. I understand if you wouldn't want to risk that though. I may be able to work through it without the firebase console

grizzled osprey Dec 26, 2023, 5:45 PM

#

I don't know how to do that quite yet. Maybe by the time you're back I'll be done implimenting the suggestion you mentioned earlier, to break the function down each tailored to its own component, and we will see what we can do from there. Thanks a ton for the help so far

final linden Dec 26, 2023, 5:46 PM

#

No problem, sorry we don't have it figured out just yet but I'm guessing it has something to do with a doc not existing or the way info is passed into the function from the component. best of luck and I'll catch up with you later

grizzled osprey Dec 26, 2023, 5:46 PM

#

it's most likely it

final linden Dec 26, 2023, 5:51 PM

#

PS., if you check out that site it is intended for desktop/laptop - not quite mobile friendly yet as the experince was supposed to be 1990's internet

grizzled osprey Dec 26, 2023, 6:54 PM

#

final linden PS., if you check out that site it is intended for desktop/laptop - not quite mo...

I tried checking the website using the credentials you've provided, but i guess they ain't correct

grizzled osprey Dec 26, 2023, 6:55 PM

#

grizzled osprey I don't know how to do that quite yet. Maybe by the time you're back I'll be don...

tried it, but the same result. Employer able to have their data in databse.
But not the job seeker

didn't commit the changes since it's basically the same thing, except me trying updateDoc instead of setDoc. But as I said, same result

final linden Dec 26, 2023, 10:33 PM

#

So i looked at this some more... I forked your repo and set up my own firebase project to mess with this. The first issue seems to be with your form validation in the seekerForm component. On the seeker page, I couldn't get the back/submit buttons to appear like I could for the employer. I tried lots of stuff and console logs weren't getting me anywhere with the button events, so started looking closer at how the form is handled. I don't have experience using Formik, so someone else may be able to help you out from here. By removing the validation schema I was able to get to the next step. I was using the same auth user as I did for employer and it didn't overwrite the role from employer to job seeker. It did upload the photo to my storage though. So there is more work to be done, but first take a look at the validation schema.

You can see in the attached photo that with the schema commented out, it now progresses to the next step of previewing the form data and rendering the back and submit button.

#

@grizzled osprey

#

Also you were right, the credential I gave you was wrong. It was test1@home.net, through test8@home.net. You have a nice look to your site by the way!

grizzled osprey Dec 27, 2023, 9:03 AM

#

final linden So i looked at this some more... I forked your repo and set up my own firebase ...

That's quite confusing, as it seems (and I know every developer dreads hearing this) but it's working fine on my device, even with the schema untouched.

Also, that's the thing, I CAN upload the file to stroage, but I can't seem to get the data of the user to upload to firestore. Like as of now (without commenting out the schema) I am able to go back and fourth from the actual form to the preview part, when "submit" is pressed, it's uploading to storage but not more

grizzled osprey Dec 27, 2023, 9:04 AM

#

final linden Also you were right, the credential I gave you was wrong. It was test1@home.net...

I will check your website immediately, thanks for the credentials.

Also, I'm very flattered, I try to make this project as best it can without having a figma/XD file to guide the design

smoky thorn Dec 27, 2023, 10:20 AM

#

@grizzled osprey problem resolved or not

grizzled osprey Dec 27, 2023, 10:22 AM

#

smoky thorn <@506328064305922058> problem resolved or not

not yet, so far we're at the same problem. Difference compared to yesterday, is that I uploaded some committed code I forgot to push, when you checked yesterday

smoky thorn Dec 27, 2023, 10:23 AM

#

Please share any live links.

grizzled osprey Dec 27, 2023, 10:23 AM

#

I don't have the website live yet, but you can check the repo at:
https://github.com/mhdalihoria/job-hub

GitHub

GitHub - mhdalihoria/job-hub

Contribute to mhdalihoria/job-hub development by creating an account on GitHub.

smoky thorn Dec 27, 2023, 10:24 AM

#

const firebaseConfig = {
apiKey: "AIzaSyBl_zipPqmOU-QRikEjnNlLq7lPYUEpIo4",
authDomain: "job-hub-42069.firebaseapp.com",
projectId: "job-hub-42069",
storageBucket: "job-hub-42069.appspot.com",
messagingSenderId: "895515432687",
appId: "1:895515432687:web:1dcfa7e04c0e8664baad1a",
};

change to .env

grizzled osprey Dec 27, 2023, 10:26 AM

#

you mean change hte variables and use .env to conceal them? I tried, but i was getting some errors so I decided postponing that till everything is done

smoky thorn Dec 27, 2023, 10:26 AM

#

ok

#

apiKey: process.env.NEXT_PUBLIC_API_KEY,
authDomain: process.env.NEXT_PUBLIC_AUTH_DOMAIN,
projectId: process.env.NEXT_PUBLIC_PROJECT_ID,
storageBucket: process.env.NEXT_PUBLIC_STORAGE_BUCKET,
appId: process.env.NEXT_PUBLIC_APPID,
messagingSenderId: process.env.NEXT_PUBLIC_MESSAGING_SENDER_ID,
measurementId: process.env.NEXT_PUBLIC_MEASUREMENT_ID,

grizzled osprey Dec 27, 2023, 10:28 AM

#

how would hte .env look like?

#

also is it .env.local or \just .env

smoky thorn Dec 27, 2023, 10:29 AM

#

Both will work fine.

smoky thorn Dec 27, 2023, 11:16 AM

#

@grizzled osprey

grizzled osprey Dec 27, 2023, 12:03 PM

#

smoky thorn <@506328064305922058>

yes?

smoky thorn Dec 27, 2023, 12:19 PM

#

issue related to the date

grizzled osprey Dec 27, 2023, 12:21 PM

#

would you pleaes elaborate

smoky thorn Dec 27, 2023, 12:23 PM

#

starting and ending dates inside courses and experiences

grizzled osprey Dec 27, 2023, 12:24 PM

#

whats wrong with them?

smoky thorn Dec 27, 2023, 12:24 PM

#

try to pass in another way

grizzled osprey Dec 27, 2023, 12:25 PM

#

do you mean that the complexity of the object returned by the Date Picker component is what's causing the entire thing to crash?

smoky thorn Dec 27, 2023, 12:25 PM

#

right

#

try to pass a string

grizzled osprey Dec 27, 2023, 12:27 PM

#

sure thing. I'll look into it. I just finished my workout, so i'll fix me a bite and get back with my "test results"

final linden Dec 27, 2023, 2:23 PM

#

grizzled osprey That's quite confusing, as it seems (and I know every developer dreads hearing t...

That is interesting 🤔. Nothing changed in the schema on the commits you didn’t push right? I’m some commits behind you

grizzled osprey Dec 27, 2023, 2:23 PM

#

I'm checking it now, and it seems to be working after commenting out everything datepicker related

grizzled osprey Dec 27, 2023, 2:23 PM

#

final linden That is interesting 🤔. Nothing changed in the schema on the commits you didn’t...

yup, up until now, I didn't push a single commit. Even my "date picker experiemnt" changes aren't pushed

grizzled osprey Dec 27, 2023, 2:25 PM

#

smoky thorn try to pass a string

but the thing is, with the date pickers, I need the exact data is gives me, but at the same time I need the " simplified" version for the doc posting to go through.

The way I picture me doing it, would probably result in some spaghetti code. Is there a "neater" version of doing it that looks concise and nice?

#

I already plan on tidying up the code a little bit, by making the logic of "uploading reseme to storage".

smoky thorn Dec 27, 2023, 2:28 PM

#

<DatePicker
defaultValue={dayjs(
props?.data?.selectedDate
? props?.data?.selectedDate
: new Date()
)}
className="w-100"
onChange={(e) => {
dispatch(setDate({ value: e.toString() }));
}}
/>

#

@grizzled osprey

grizzled osprey Dec 27, 2023, 2:31 PM

#

I see you're using dispatch, are you using useReducer with Tailwind

smoky thorn Dec 27, 2023, 2:34 PM

#

only dispatch

#

redux & redux toolkit

grizzled osprey Dec 27, 2023, 2:36 PM

#


               defaultValue={dayjs(
                  props?.data?.selectedDate
                    ? props?.data?.selectedDate
                    : new Date()
                )}

So this checks if there's a set date, and if there's none, we call th Date class?

                onChange={(e) => {
                  dispatch(setDate({ value: e.toString() }));
                }}

and here, we transform the entire object returned by the datepicker into string?

smoky thorn Dec 27, 2023, 2:38 PM

#

onChange={(e) => {
dispatch(setDate({ value: e.toString() }));
}}

return shown in above ss

#

<DatePicker
{...field}
label="End Date"
value={field.value || null}
onChange={(e) => {
form.setFieldValue(
courses.${index}.endDate,
e.toString()
);
}}
sx={{ width: "100%" }}
/>

grizzled osprey Dec 27, 2023, 2:42 PM

#

apologies, I'm a little confused, but allow me to explain,

<DatePicker
  {...field}
  label="Starting From"
  value={field.value || null}
  onChange={(date) => {
    form.setFieldValue(
      `courses.${index}.startDate`,
      date
    );
  }}
  sx={{ width: "100%" }}
/>

this is my datepicker component, that sets the data to Formik's values via setFieldValue, and the object being set is this


"$D": 27

"$H": 0

"$L": "en"

"$M": 11

"$W": 3

"$d": Date Wed Dec 27 2023 00:00:00 GMT+0300 (GMT+03:00)

"$isDayjsObject": true

"$m": 0

"$ms": 0

"$s": 0

"$u": undefined

"$x": Object {  }

"$y": 2023

so to get the same result shown in the screenshot, am i to get the "$d"?

smoky thorn Dec 27, 2023, 2:42 PM

#

firebase not not accept "$u": undefined

grizzled osprey Dec 27, 2023, 2:42 PM

#

but if I do that from the Formik form, I need to populate the same datepicker in the "preview" stage, is that data enough to do taht?

grizzled osprey Dec 27, 2023, 2:44 PM

#

grizzled osprey apologies, I'm a little confused, but allow me to explain, ```js <DatePicker ...

I tried "date.$d" and I got this

#

but then the entire form crashed

smoky thorn Dec 27, 2023, 2:44 PM

#

listen

#

change the picked date into string

#

to show default value and value use
import dayjs from "dayjs";
dayjs(
selectedDate
)

grizzled osprey Dec 27, 2023, 2:47 PM

#

okay i'll try it now. it's my first time dealing with date pickers, so it's a little confusing

grizzled osprey Dec 27, 2023, 2:50 PM

#

smoky thorn to show default value and value use import dayjs from "dayjs"; dayjs( ...

ooooh, i see

vocal portal Dec 27, 2023, 2:51 PM

#

I would recommend you guys to fork @grizzled osprey 's repo and create a PR on it that you can share instead of bombing poor man with 100 messages. It is very hard to follow multiple conversations in a single thread. You can describe the problem in the PR/Issue and leave some comments in your code as well.

It would be very helpful for both sides as you will practice how to create PR/Issue, how to create meaningful commits, how to describe an issue and propose a solution for that. The other side will be able to practice "code review".

Both sides will get more familiar with github as well and how a version controller works.

grizzled osprey Dec 27, 2023, 2:52 PM

#

vocal portal I would recommend you guys to fork <@506328064305922058> 's repo and create a PR...

Bence once more with the helpful advice, thank you sir for dropping by. I do agree with what you're saying, as it can be valuable practice. But none of us expected the threat to go to a 100+ messages 😄

grizzled osprey Dec 27, 2023, 2:53 PM

#

smoky thorn to show default value and value use import dayjs from "dayjs"; dayjs( ...

can you breif me a little bit about what dayjs do exactly? it seems to have done hte job like magic, so i'd like to know a little more

vocal portal Dec 27, 2023, 2:54 PM

#

grizzled osprey Bence once more with the helpful advice, thank you sir for dropping by. I do agr...

I know I know 😄 I just started to read it and I thought it would be easier to iterate on the problem and the different solutions if they are actually presented with some "physical" presented 🙂
Your problem doesn't seem to be a "trivial" one based on the messages (unfortunately) 😛

grizzled osprey Dec 27, 2023, 2:57 PM

#

vocal portal I know I know 😄 I just started to read it and I thought it would be easier to i...

LOL, you do have a point there.

also your comment is highly appreciated, I may recommend that to problematic bugs in the future, since this project isn't going anywhere until its done.

||also on a side note, remember hte freelance project I asked for advice on? well... I got ghosted 💀||

vocal portal Dec 27, 2023, 2:59 PM

#

grizzled osprey LOL, you do have a point there. also your comment is highly appreciated, I may...

oh shoot!! I am so sorry!!! 😭 Could you link me back to that project, pretty please? 🙏

grizzled osprey Dec 27, 2023, 3:00 PM

#

vocal portal oh shoot!! I am so sorry!!! 😭 Could you link me back to that project, pretty pl...

Apologies @vocal portal , i'm not familiar with the term "link me back" would you elaborate 😅
(are you asking me to ping you from that old threat?)

grizzled osprey Dec 27, 2023, 3:18 PM

#

Many thanks to @smoky thorn and @final linden for their help in this task. Datepicker values seem to have caused the problem. And I think it's fixed now. Feel free to check my latest commit

vocal portal Dec 27, 2023, 3:33 PM

#

grizzled osprey Apologies <@331129557681963018> , i'm not familiar with the term "link me back" ...

yes, sorry that's what I meant 🙂 You can also DM me anytime if that is more convinient.

grizzled osprey Dec 27, 2023, 3:38 PM

#

vocal portal yes, sorry that's what I meant 🙂 You can also DM me anytime if that is more con...

Sure thing, thanks for the offer. I have a feeling that I may take you up on it one day.

||here's the threat link: #1183716549912170546 message||

Discord

Discord - A New Way to Chat with Friends & Communities

Discord is the easiest way to communicate over voice, video, and text. Chat, hang out, and stay close with your friends and communities.

smoky thorn Dec 27, 2023, 3:42 PM

#

@grizzled osprey Is your problem resolved?

grizzled osprey Dec 27, 2023, 3:43 PM

#

smoky thorn <@506328064305922058> Is your problem resolved?

I believe it is, yes. Thanks for the help

smoky thorn Dec 27, 2023, 3:43 PM

#

I have some suggestions for your project.

grizzled osprey Dec 27, 2023, 3:43 PM

#

please go ahead

smoky thorn Dec 27, 2023, 3:43 PM

#

1.Use the React form hook.

#

If you are going to work more deeply into this project

#

use firebase functions

grizzled osprey Dec 27, 2023, 3:45 PM

#

smoky thorn 1.Use the React form hook.

I used Formik since it was my first exposure to a "react form library". What would you say the main differences between Formik and RFH

grizzled osprey Dec 27, 2023, 3:46 PM

#

smoky thorn use firebase functions

Currently I'm on the spark plan, due to having no access to a CC. But in the near future I probably will

smoky thorn Dec 27, 2023, 3:46 PM

#

Try to use an env file.

smoky thorn Dec 27, 2023, 3:47 PM

#

grizzled osprey I used Formik since it was my first exposure to a "react form library". What wou...

easy to use and maintain.

smoky thorn Dec 27, 2023, 3:47 PM

#

grizzled osprey Currently I'm on the spark plan, due to having no access to a CC. But in the nea...

ok

grizzled osprey Dec 27, 2023, 3:47 PM

#

smoky thorn easy to use and maintain.

I see

smoky thorn Dec 27, 2023, 3:48 PM

#

grizzled osprey Currently I'm on the spark plan, due to having no access to a CC. But in the nea...

You can create a server in a simple step and with more security.

grizzled osprey Dec 27, 2023, 3:50 PM

#

Oh yea i'm planning on doin that. After i'm done with this project, i'm headed off to learn how to properly fullstack with Next.js

vocal portal Dec 27, 2023, 7:53 PM

#

grizzled osprey Sure thing, thanks for the offer. I have a feeling that I may take you up on it ...

Oh, I though I've answered your question there 🤔 Could you highlight me the one that I've missed? I am very sorry if I missed any 😐

vocal portal Dec 27, 2023, 7:59 PM

#

grizzled osprey I used Formik since it was my first exposure to a "react form library". What wou...

I've never tired Formik but React hook form feels more natural to use as it doesn't introduce its custom component, you can use anything you want hence it feels more versatile.

grizzled osprey Dec 28, 2023, 3:57 AM

#

vocal portal Oh, I though I've answered your question there 🤔 Could you highlight me the one...

No no, you didn't miss anything. This last update is something I didn't mention in the thread because it disappeared from my chanel list

grizzled osprey Dec 28, 2023, 3:58 AM

#

vocal portal I've never tired `Formik` but `React hook form` feels more natural to use as it ...

I see, it sounds worth learning

grizzled osprey Dec 28, 2023, 12:18 PM

#

I got another problem to report guys 😅

For some reason, after refreshing the page, i need to press the "submit" button twice for the document to be sent to firestore (on the second press).

I'm a little confused as why this is happening

vocal portal Dec 29, 2023, 7:49 PM

#

grizzled osprey I got another problem to report guys 😅 For some reason, after refreshing the ...

Something might not get populated properly on the first page load 🤔

grizzled osprey Dec 30, 2023, 12:46 PM

#

I decided to move the submitting logic into the children component and i think it solved things

vocal portal Dec 30, 2023, 6:49 PM

#

grizzled osprey I decided to move the submitting logic into the children component and i think ...

nice 👍

#Submitting Data to FireStore isn't working (Please Help)