+ {currentStep === 1 && (
+
+ to jak, zorganizujesz
nam coś?
+
+ )}
+ {currentStep === 2 && (
+
+ gdzie możemy cię
znaleźć?
+
+ )}
+
+ currentStep === 2
+ ? handleFormSubmit()
+ : setCurrentStep(currentStep + 1)
+ }
+ />
+
+
+
+
+ {currentStep === 1 && (
+
+ to jak, zorganizujesz
nam coś?
+
+ )}
+ {currentStep === 2 && (
+
+ gdzie możemy cię
znaleźć?
+
+ )}
+
+ currentStep === 2
+ ? handleFormSubmit()
+ : setCurrentStep(currentStep + 1)
+ }
+ />
+
+
+ setIsFilled(!!e.target.value)}
+ />
+
+ );
+};
diff --git a/Client/reasn-client/packages/ui/src/components/shared/form/index.tsx b/Client/reasn-client/packages/ui/src/components/shared/form/index.tsx
new file mode 100644
index 00000000..6f5bc46f
--- /dev/null
+++ b/Client/reasn-client/packages/ui/src/components/shared/form/index.tsx
@@ -0,0 +1,2 @@
+export { ButtonBase } from "./Button";
+export { FloatingInput } from "./Input";
diff --git a/Client/reasn-client/packages/ui/src/components/web/main/QuickFilters.tsx b/Client/reasn-client/packages/ui/src/components/web/main/QuickFilters.tsx
index d3562609..e45dca67 100644
--- a/Client/reasn-client/packages/ui/src/components/web/main/QuickFilters.tsx
+++ b/Client/reasn-client/packages/ui/src/components/web/main/QuickFilters.tsx
@@ -1,6 +1,7 @@
import clsx from "clsx";
import React, { useState } from "react";
import { Card, CardVariant } from "@reasn/ui/src/components/shared";
+import { ButtonBase } from "@reasn/ui/src/components/shared/form";
interface QuickFiltersButtonProps {
title: string;
@@ -69,9 +70,7 @@ export const QuickFilters = () => {
-
+ console.log("wiecej")} />
);
From 1ed52e036469cfd44a3f8d7b0246eff2c2625adc Mon Sep 17 00:00:00 2001
From: Maciej Krawczyk <63869461+wzarek@users.noreply.github.com>
Date: Sun, 9 Jun 2024 19:53:49 +0200
Subject: [PATCH 2/2] feat: implemented input ids/names, added password
confirmation, changed texts displayed for user
---
.../apps/web/app/register/organizer/page.tsx | 35 ++++++++++++-------
.../apps/web/app/register/user/page.tsx | 35 ++++++++++++-------
.../ui/src/components/shared/form/Input.tsx | 5 ++-
3 files changed, 48 insertions(+), 27 deletions(-)
diff --git a/Client/reasn-client/apps/web/app/register/organizer/page.tsx b/Client/reasn-client/apps/web/app/register/organizer/page.tsx
index 7d5668f5..2b5807b9 100644
--- a/Client/reasn-client/apps/web/app/register/organizer/page.tsx
+++ b/Client/reasn-client/apps/web/app/register/organizer/page.tsx
@@ -21,21 +21,30 @@ const RegisterOrganizer = () => {
@@ -43,12 +52,12 @@ const RegisterOrganizer = () => {
{currentStep === 1 && (
- to jak, zorganizujesz
nam coś?
+ to jak, zorganizujesz nam coś?
)}
{currentStep === 2 && (
- gdzie możemy cię
znaleźć?
+ gdzie możemy cię znaleźć?
)}
{
@@ -43,12 +52,12 @@ const RegisterUser = () => {
{currentStep === 1 && (
- to jak, zorganizujesz
nam coś?
+ znalazłeś już swój powód do spotkań?
)}
{currentStep === 2 && (
- gdzie możemy cię
znaleźć?
+ gdzie powinniśmy cię szukać?
)}
void;
onBlur?: () => void;
}
@@ -11,7 +12,7 @@ interface InputProps {
export const FloatingInput = (props: InputProps) => {
const [isFocused, setIsFocused] = useState(false);
const [isFilled, setIsFilled] = useState(false);
- const { label, type, onFocus, onBlur } = props;
+ const { label, type, name, onFocus, onBlur } = props;
const handleFocus = () => {
onFocus?.();
@@ -40,6 +41,8 @@ export const FloatingInput = (props: InputProps) => {