diff --git a/src/Pages/login-page/login-page.tsx b/src/Pages/login-page/login-page.tsx
index 7482064..26a5633 100644
--- a/src/Pages/login-page/login-page.tsx
+++ b/src/Pages/login-page/login-page.tsx
@@ -46,8 +46,7 @@ export function LoginPage(): React.JSX.Element {
name="email"
placeholder="Email"
onChange={(event) =>
- setLoginInfo({ ...loginInfo, email: event.target.value })
- }
+ setLoginInfo({ ...loginInfo, email: event.target.value })}
required
/>
@@ -62,8 +61,7 @@ export function LoginPage(): React.JSX.Element {
setLoginInfo({
...loginInfo,
password: event.target.value,
- })
- }
+ })}
required
/>
diff --git a/src/components/offer/offer-card.tsx b/src/components/offer/offer-card.tsx
index 71c150c..5950e6b 100644
--- a/src/components/offer/offer-card.tsx
+++ b/src/components/offer/offer-card.tsx
@@ -38,7 +38,7 @@ export function OfferCardImpl({
onMouseLeave={handleMouseLeave}
className={cn(
'place-card',
- { cities__card: isOnMainPage },
+ { 'cities__card': isOnMainPage },
{ 'near-places__card': !isOnMainPage },
)}
>
diff --git a/src/components/reviews/review-component.tsx b/src/components/reviews/review-component.tsx
index 1e72ef5..32d3263 100644
--- a/src/components/reviews/review-component.tsx
+++ b/src/components/reviews/review-component.tsx
@@ -1,5 +1,6 @@
import { getFirstName } from '../../utils/username-utils.ts';
import { Rating } from '../rating.tsx';
+import { formatDate } from '../../utils/date-utils.ts';
interface ReviewProps {
comment: string;
@@ -34,7 +35,7 @@ export function ReviewComponent({
{comment}
diff --git a/src/components/reviews/review-form.tsx b/src/components/reviews/review-form.tsx index 4c2df7b..a527aca 100644 --- a/src/components/reviews/review-form.tsx +++ b/src/components/reviews/review-form.tsx @@ -170,7 +170,8 @@ export function ReviewForm(): React.JSX.Element { value={review?.comment || ''} onChange={onCommentChange} disabled={reviewPostingStatus === ReviewStatus.Pending} - > + > +To submit review please make sure to set{' '} diff --git a/src/consts/cities.ts b/src/consts/cities.ts index dfee7ec..f28474b 100644 --- a/src/consts/cities.ts +++ b/src/consts/cities.ts @@ -61,4 +61,4 @@ export const CITIES: City[] = [ AMSTERDAM, HAMBURG, DUSSELDORF, -]; +] as const; diff --git a/src/utils/date-utils.ts b/src/utils/date-utils.ts new file mode 100644 index 0000000..5ab91a0 --- /dev/null +++ b/src/utils/date-utils.ts @@ -0,0 +1,22 @@ +export function formatDate(dateString: Date): string { + const monthsInEnglish = [ + 'January', + 'February', + 'March', + 'April', + 'May', + 'June', + 'July', + 'August', + 'September', + 'October', + 'November', + 'December', + ]; + + const date = new Date(dateString); + const month = monthsInEnglish[date.getMonth()]; + const year = date.getFullYear(); + + return `${month} ${year}`; +}