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/CalendarPage.tsx
+5 -5
View File
@@ -42,7 +42,7 @@ function CalendarPage() {
async function getScheduledSessions(buildId: string, date: Date) { async function getScheduledSessions(buildId: string, date: Date) {
const result: any[] = await ky const result: any[] = await ky
.get( .get(
`https://crm.stream.graff.tech/api/scheduled_sessions/${buildId}?date=${date.toISOString()}` `https://crm.stream.graff.tech/api/scheduledSessions/${buildId}?date=${date.toISOString()}`
) )
.json(); .json();
@@ -69,7 +69,7 @@ function CalendarPage() {
try { try {
const result: any = await ky const result: any = await ky
.post(`${import.meta.env.VITE_COORD_URL}/scheduled_sessions`, { .post(`${import.meta.env.VITE_COORD_URL}/scheduledSessions`, {
json: { json: {
username, username,
name, name,
@@ -128,7 +128,7 @@ function CalendarPage() {
}, []); }, []);
return ( return (
<div className="min-h-screen flex justify-center items-center p-8 rounded-lg text-white"> <div className="flex items-center justify-center min-h-screen p-8 text-white rounded-lg">
{step === 1 && ( {step === 1 && (
<div className="space-y-8 w-80"> <div className="space-y-8 w-80">
<p className="text-4xl font-gilroy"> <p className="text-4xl font-gilroy">
@@ -290,7 +290,7 @@ function CalendarPage() {
<button <button
type="submit" type="submit"
className="px-4 py-2 bg-gradient w-full rounded" className="w-full px-4 py-2 rounded bg-gradient"
> >
Запланировать Запланировать
</button> </button>
@@ -328,7 +328,7 @@ function CalendarPage() {
<a <a
href={link} href={link}
target="_blank" target="_blank"
className="inline-block px-4 py-2 bg-gradient w-full rounded text-center" className="inline-block w-full px-4 py-2 text-center rounded bg-gradient"
> >
Подключиться Подключиться
</a> </a>
src/ScheduledPage.tsx
+1 -1
View File
@@ -17,7 +17,7 @@ function ScheduledPage() {
try { try {
const result: any = await ky const result: any = await ky
.get( .get(
`${import.meta.env.VITE_CRM_API_URL}/scheduled_sessions/${ `${import.meta.env.VITE_CRM_API_URL}/scheduledSessions/${
params.sessionId params.sessionId
}` }`
) )
src/components/SidebarTab2.tsx
+10 -10
View File
@@ -52,7 +52,7 @@ function SidebarTab2() {
.get( .get(
`${ `${
import.meta.env.VITE_CRM_API_URL import.meta.env.VITE_CRM_API_URL
}/scheduled_sessions/companies/${companyId}/builds/${buildId}?date=${format( }/scheduledSessions/companies/${companyId}/builds/${buildId}?date=${format(
selectedDay, selectedDay,
"yyyy-MM-dd" "yyyy-MM-dd"
)}` )}`
@@ -137,10 +137,10 @@ function SidebarTab2() {
}, [schedule]); }, [schedule]);
return ( 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>
<div className="flex items-start justify-between"> <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.title1"}>Дата и время</Trans> <Trans i18nKey={"sidebar.title1"}>Дата и время</Trans>
</p> </p>
<button <button
@@ -154,7 +154,7 @@ function SidebarTab2() {
<div className="mt-2"> <div className="mt-2">
<div className="grid grid-cols-2 gap-2"> <div className="grid grid-cols-2 gap-2">
<div className="border-b border-[#3D425C] p-4 text-center"> <div className="border-b border-[#3D425C] p-4 text-center">
<p className="leading-none font-gilroy font-semibold text-sm"> <p className="text-sm font-semibold leading-none font-gilroy">
{selectedDay && {selectedDay &&
format( format(
selectedDay, selectedDay,
@@ -165,7 +165,7 @@ function SidebarTab2() {
</div> </div>
<div className="border-b border-[#798FFF] p-4 text-center"> <div className="border-b border-[#798FFF] p-4 text-center">
<p className="leading-none font-gilroy font-semibold text-sm"> <p className="text-sm font-semibold leading-none font-gilroy">
<Trans i18nKey={"sidebar.time"}>Время</Trans> <Trans i18nKey={"sidebar.time"}>Время</Trans>
</p> </p>
</div> </div>
@@ -179,25 +179,25 @@ function SidebarTab2() {
handleSelect={(time) => handleSelectTime(time)} handleSelect={(time) => handleSelectTime(time)}
/> />
) : ( ) : (
<LoaderIcon className="2xl:w-8 2xl:h-8 w-6 h-6 animate-spin" /> <LoaderIcon className="w-6 h-6 2xl:w-8 2xl:h-8 animate-spin" />
)} )}
</div> </div>
</div> </div>
<div className="flex flex-col sm:gap-6 gap-4"> <div className="flex flex-col gap-4 sm:gap-6">
<p className="text-center text-xs opacity-50 leading-tight"> <p className="text-xs leading-tight text-center opacity-50">
<Trans i18nKey={"sidebar.notice"}> <Trans i18nKey={"sidebar.notice"}>
Запись на демонстрацию работает в ознакомительном режиме и не Запись на демонстрацию работает в ознакомительном режиме и не
сохраняет введенные данные сохраняет введенные данные
</Trans> </Trans>
</p> </p>
<div className="flex sm:gap-4 gap-2"> <div className="flex gap-2 sm:gap-4">
<button <button
onClick={() => setCurrentTab(currentTab - 1)} onClick={() => setCurrentTab(currentTab - 1)}
className="px-6 sm:py-4 py-3.5 border border-[#3D425C] rounded-full font-medium group w-full" className="px-6 sm:py-4 py-3.5 border border-[#3D425C] rounded-full font-medium group w-full"
> >
<span className="opacity-80 transition-opacity group-hover:opacity-100 sm:text-base text-sm"> <span className="text-sm transition-opacity opacity-80 group-hover:opacity-100 sm:text-base">
<Trans i18nKey={"sidebar.buttonBack"}>Назад</Trans> <Trans i18nKey={"sidebar.buttonBack"}>Назад</Trans>
</span> </span>
</button> </button>
src/components/SidebarTab4.tsx
+16 -16
View File
@@ -38,7 +38,7 @@ function SidebarTab4() {
try { try {
const result: any = await ky 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: { json: {
buildId, buildId,
startAt, startAt,
@@ -63,10 +63,10 @@ function SidebarTab4() {
} }
return ( 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>
<div className="flex items-start justify-between"> <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> <Trans i18nKey={"sidebar.title3"}>Проверка заявки</Trans>
</p> </p>
<button <button
@@ -77,13 +77,13 @@ function SidebarTab4() {
</button> </button>
</div> </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] "> <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"> <p className="leading-tight">
<Trans i18nKey={"sidebar.sessionDetails"}>Детали сеанса</Trans> <Trans i18nKey={"sidebar.sessionDetails"}>Детали сеанса</Trans>
</p> </p>
<div className="flex flex-col gap-2"> <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"> <p className="opacity-50">
<Trans i18nKey={"sidebar.date"}>Дата</Trans> <Trans i18nKey={"sidebar.date"}>Дата</Trans>
</p> </p>
@@ -96,7 +96,7 @@ function SidebarTab4() {
)} )}
</p> </p>
</div> </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"> <p className="opacity-50">
<Trans i18nKey={"sidebar.time"}>Время</Trans> <Trans i18nKey={"sidebar.time"}>Время</Trans>
</p> </p>
@@ -112,19 +112,19 @@ function SidebarTab4() {
</Trans> </Trans>
</p> </p>
<div className="flex flex-col gap-2"> <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"> <p className="opacity-50">
<Trans i18nKey={"sidebar.name"}>Имя</Trans> <Trans i18nKey={"sidebar.name"}>Имя</Trans>
</p> </p>
<p>{name}</p> <p>{name}</p>
</div> </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"> <p className="opacity-50">
<Trans i18nKey={"sidebar.phone"}>Телефон</Trans> <Trans i18nKey={"sidebar.phone"}>Телефон</Trans>
</p> </p>
<p>{phone}</p> <p>{phone}</p>
</div> </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 className="opacity-50">Email</p>
<p>{email}</p> <p>{email}</p>
</div> </div>
@@ -152,20 +152,20 @@ function SidebarTab4() {
</div> </div>
</div> </div>
<div className="flex flex-col sm:gap-6 gap-4"> <div className="flex flex-col gap-4 sm:gap-6">
<p className="text-center text-xs opacity-50 leading-tight"> <p className="text-xs leading-tight text-center opacity-50">
<Trans i18nKey={"sidebar.notice"}> <Trans i18nKey={"sidebar.notice"}>
Запись на демонстрацию работает в ознакомительном режиме и не Запись на демонстрацию работает в ознакомительном режиме и не
сохраняет введенные данные сохраняет введенные данные
</Trans> </Trans>
</p> </p>
<div className="flex sm:gap-4 gap-2"> <div className="flex gap-2 sm:gap-4">
<button <button
onClick={() => setCurrentTab(currentTab - 1)} onClick={() => setCurrentTab(currentTab - 1)}
className="px-6 py-4 border border-[#3D425C] rounded-full sm:text-base text-sm font-medium group w-fit" 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> <Trans i18nKey={"sidebar.buttonBack"}>Назад</Trans>
</span> </span>
</button> </button>
@@ -173,15 +173,15 @@ function SidebarTab4() {
<button <button
disabled={isLoading} disabled={isLoading}
onClick={() => void handleClickSignUp()} 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> <span>
<Trans i18nKey={"sidebar.buttonSignUp"}>Записаться</Trans> <Trans i18nKey={"sidebar.buttonSignUp"}>Записаться</Trans>
</span> </span>
{!isLoading ? ( {!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> </button>
</div> </div>