Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

M3 Trip Create/Edit #25

Merged
merged 15 commits into from
Feb 1, 2024
Merged

M3 Trip Create/Edit #25

merged 15 commits into from
Feb 1, 2024

Conversation

kanatagu
Copy link
Contributor

@kanatagu kanatagu commented Jan 17, 2024

Description

  • UI for create/edit
  • API connecting for create/edit
  • Fixed Date issue

NOTE
If you want to check in local environment, please change the backend branch to tabi-memo/backend#18 first, then reset and seed.

cd Change_schema_date
pnpm supabase db reset
pnpm seed

Fixes # (issue)
#20

Type of change

  • Bug fix (non-breaking change which fixes an issue)
  • New feature (non-breaking change which adds functionality)
  • Breaking change (fix or feature that would cause existing functionality to not work as expected)
  • This change requires a documentation update

Check List

URL

Create page: http://localhost:3000/trip/create
Edit Page (ex) : http://localhost:3000/trip/50370a01-879a-4e46-bda7-70e2022241cb/edit

Screen Recording

Create

Screen.Recording.2024-01-30.at.9.08.11.PM.mov

Edit
https://github.com/tabi-memo/frontend/assets/66394413/b8ef5549-2a84-4dc4-b487-6bb597b111d8

@kanatagu kanatagu self-assigned this Jan 17, 2024
Copy link
Contributor

@samuraikun samuraikun left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

@Kana-TAGUCHI Date form doesn't seem to be set value 👀

6d4260f312e1f6137f70de46c400458f

@samuraikun
Copy link
Contributor

@Kana-TAGUCHI Let tell me the reason why doesn't image form upload and preview a file in this PR?

4583ec59b16dc55a50a3dfb8cae15cf3

@kanatagu
Copy link
Contributor Author

kanatagu commented Jan 18, 2024

@samuraikun
Yes because this is just layout PR! I implemented only layout and will work on setValue, Image upload and etc...
I implemented tags little otherwise you can not see the tags below the input.

Copy link
Contributor

@Yo-mah-Ya Yo-mah-Ya left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

I left just few comments !

app/components/input/index.ts Outdated Show resolved Hide resolved
app/trip/[id]/edit/page.tsx Outdated Show resolved Hide resolved
app/trip/components/trip-form.tsx Outdated Show resolved Hide resolved
app/trip/components/trip-form.tsx Outdated Show resolved Hide resolved
app/trip/[id]/page.tsx Outdated Show resolved Hide resolved
app/trip/create/page.tsx Outdated Show resolved Hide resolved
@kanatagu kanatagu changed the title 【M3 Trip Create/Edit】UI M3 Trip Create/Edit Jan 22, 2024
@@ -0,0 +1,106 @@
import DatePicker from 'react-datepicker'
Copy link
Contributor Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

You see a warning but this is depending on DatePicker library...
Screenshot 2024-01-30 at 12 14 26 PM

Comment on lines +3 to +8
/*
* NOTE: This timezone is used for the entire application.
* All form inputs for date or date time should have offset of +09:00 e.g."2024-01-01T00:00:00+09:00", which is Tokyo timezone.
* See "formatToISODate" function.
*/
const TIMEZONE = 'Asia/Tokyo'
Copy link
Contributor Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

This is important for this application so I added NOTE

<FormErrorMessage>{errors?.date_to?.message}</FormErrorMessage>
</FormControl>

{/* TODO Image Upload to storage & Send the URL string to DB */}
Copy link
Contributor Author

@kanatagu kanatagu Jan 31, 2024

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Image will be implemented later after Koji's PR is merged!

Copy link
Contributor

@samuraikun samuraikun left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

"Total Cost" section is slightly covered by the header. 👀
image

Copy link
Contributor

@samuraikun samuraikun left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

I only commented on one, but it looks good to me 👍 🍎

@kanatagu
Copy link
Contributor Author

kanatagu commented Feb 1, 2024

@samuraikun
Oh no thank you..! Sorry, I was too rushing and didn't check the smart phone in the end.
I fixed it
491d7d0

Screenshot 2024-01-31 at 8 39 14 PM Screenshot 2024-01-31 at 8 39 21 PM

@kanatagu kanatagu merged commit 2912ae2 into main Feb 1, 2024
2 checks passed
@kanatagu kanatagu deleted the M3_trip_create branch February 1, 2024 04:47
@kanatagu kanatagu mentioned this pull request Feb 19, 2024
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

4 participants