inmake/stream.graff.tech-client
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

upd

Browse Source
This commit is contained in:
inmake
2024-11-06 21:14:50 +05:00
parent 75bc4a7e5c
commit 0b5fa1df30
4 changed files with 32 additions and 32 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/components/SidebarTab4.tsx
+16 -16
View File
@@ -38,7 +38,7 @@ function SidebarTab4() {
try {
const result: any = await ky
.post(`${import.meta.env.VITE_CRM_API_URL}/scheduled_sessions`, {
.post(`${import.meta.env.VITE_CRM_API_URL}/scheduledSessions`, {
json: {
buildId,
startAt,
@@ -63,10 +63,10 @@ function SidebarTab4() {
}
return (
<div className="sm:p-8 p-6 flex flex-col justify-between sm:gap-8 gap-6 min-h-full">
<div className="flex flex-col justify-between min-h-full gap-6 p-6 sm:p-8 sm:gap-8">
<div>
<div className="flex items-start justify-between">
<p className="text-2xl text-gradient font-semibold font-gilroy w-fit leading-snug">
<p className="text-2xl font-semibold leading-snug text-gradient font-gilroy w-fit">
<Trans i18nKey={"sidebar.title3"}>Проверка заявки</Trans>
</p>
<button
@@ -77,13 +77,13 @@ function SidebarTab4() {
</button>
</div>
<div className="sm:mt-6 mt-4">
<div className="mt-4 sm:mt-6">
<div className="sm:mt-6 mt-4 sm:p-6 p-4 flex flex-col gap-6 font-semibold font-gilroy border border-[#3D425C] ">
<p className="leading-tight">
<Trans i18nKey={"sidebar.sessionDetails"}>Детали сеанса</Trans>
</p>
<div className="flex flex-col gap-2">
<div className="flex justify-between sm:text-base text-sm">
<div className="flex justify-between text-sm sm:text-base">
<p className="opacity-50">
<Trans i18nKey={"sidebar.date"}>Дата</Trans>
</p>
@@ -96,7 +96,7 @@ function SidebarTab4() {
)}
</p>
</div>
<div className="flex justify-between sm:text-base text-sm">
<div className="flex justify-between text-sm sm:text-base">
<p className="opacity-50">
<Trans i18nKey={"sidebar.time"}>Время</Trans>
</p>
@@ -112,19 +112,19 @@ function SidebarTab4() {
</Trans>
</p>
<div className="flex flex-col gap-2">
<div className="flex justify-between sm:text-base text-sm">
<div className="flex justify-between text-sm sm:text-base">
<p className="opacity-50">
<Trans i18nKey={"sidebar.name"}>Имя</Trans>
</p>
<p>{name}</p>
</div>
<div className="flex justify-between sm:text-base text-sm">
<div className="flex justify-between text-sm sm:text-base">
<p className="opacity-50">
<Trans i18nKey={"sidebar.phone"}>Телефон</Trans>
</p>
<p>{phone}</p>
</div>
<div className="flex justify-between sm:text-base text-sm">
<div className="flex justify-between text-sm sm:text-base">
<p className="opacity-50">Email</p>
<p>{email}</p>
</div>
@@ -152,20 +152,20 @@ function SidebarTab4() {
</div>
</div>
<div className="flex flex-col sm:gap-6 gap-4">
<p className="text-center text-xs opacity-50 leading-tight">
<div className="flex flex-col gap-4 sm:gap-6">
<p className="text-xs leading-tight text-center opacity-50">
<Trans i18nKey={"sidebar.notice"}>
Запись на демонстрацию работает в ознакомительном режиме и не
сохраняет введенные данные
</Trans>
</p>
<div className="flex sm:gap-4 gap-2">
<div className="flex gap-2 sm:gap-4">
<button
onClick={() => setCurrentTab(currentTab - 1)}
className="px-6 py-4 border border-[#3D425C] rounded-full sm:text-base text-sm font-medium group w-fit"
>
<span className="opacity-80 transition-opacity group-hover:opacity-100">
<span className="transition-opacity opacity-80 group-hover:opacity-100">
<Trans i18nKey={"sidebar.buttonBack"}>Назад</Trans>
</span>
</button>
@@ -173,15 +173,15 @@ function SidebarTab4() {
<button
disabled={isLoading}
onClick={() => void handleClickSignUp()}
className="px-6 py-3 bg-gradient rounded-full sm:text-base text-sm font-medium flex items-center justify-between w-full disabled:opacity-75"
className="flex items-center justify-between w-full px-6 py-3 text-sm font-medium rounded-full bg-gradient sm:text-base disabled:opacity-75"
>
<span>
<Trans i18nKey={"sidebar.buttonSignUp"}>Записаться</Trans>
</span>
{!isLoading ? (
<ArrowRightIcon className="sm:w-8 sm:h-8 w-6 h-6" />
<ArrowRightIcon className="w-6 h-6 sm:w-8 sm:h-8" />
) : (
<LoaderIcon className="sm:w-8 sm:h-8 w-6 h-6 animate-spin" />
<LoaderIcon className="w-6 h-6 sm:w-8 sm:h-8 animate-spin" />
)}
</button>
</div>