Skip to content
Projects
Groups
Snippets
Help
Loading...
Help
Submit feedback
Contribute to GitLab
Sign in / Register
Toggle navigation
D
doctors-web-app
Project
Project
Details
Activity
Releases
Cycle Analytics
Repository
Repository
Files
Commits
Branches
Tags
Contributors
Graph
Compare
Charts
Issues
0
Issues
0
List
Board
Labels
Milestones
Merge Requests
8
Merge Requests
8
CI / CD
CI / CD
Pipelines
Jobs
Schedules
Charts
Wiki
Wiki
Snippets
Snippets
Members
Members
Collapse sidebar
Close sidebar
Activity
Graph
Charts
Create a new issue
Jobs
Commits
Issue Boards
Open sidebar
Рогов Артем Владимирович
doctors-web-app
Commits
330ca233
Commit
330ca233
authored
Nov 24, 2023
by
konstantin-smirnov
Browse files
Options
Browse Files
Download
Email Patches
Plain Diff
DMVP-1086 - Сверстать компонент "Настройки адреса приема" в окне создания встреч в ЛК Врача
parent
532cd27f
Changes
3
Expand all
Hide whitespace changes
Inline
Side-by-side
Showing
3 changed files
with
308 additions
and
127 deletions
+308
-127
index.tsx
src/pages/AppointmentsSettings/index.tsx
+4
-0
schedule.tsx
src/pages/AppointmentsSettings/schedule.tsx
+255
-118
settings.scss
src/pages/AppointmentsSettings/settings.scss
+49
-9
No files found.
src/pages/AppointmentsSettings/index.tsx
View file @
330ca233
...
...
@@ -56,6 +56,7 @@ type AppointmentProps = {
scheduleCreated
:
boolean
,
isScheduleCreationLoading
:
boolean
,
scheduleError
:
string
,
address
:
string
,
slotsCalculation
?:
SlotsCountItemT
[]
}
&
DispatchProps
;
...
...
@@ -63,6 +64,7 @@ const AppointmentsSettings: React.FC<AppointmentProps> = ({
scheduleCreated
,
isScheduleCreationLoading
,
scheduleError
,
address
,
slotsCalculation
,
updateScheduleStatus
,
setSchedule
,
...
...
@@ -107,6 +109,7 @@ const AppointmentsSettings: React.FC<AppointmentProps> = ({
updateScheduleStatus=
{
updateScheduleStatus
}
isScheduleCreationLoading=
{
isScheduleCreationLoading
}
scheduleError=
{
scheduleError
}
address=
{
address
}
// cancelAppointment={cancelAppointment}
/>
</
div
>
...
...
@@ -118,6 +121,7 @@ const AppointmentsSettings: React.FC<AppointmentProps> = ({
const
mapStateToProps
=
(
state
:
AppStateType
)
=>
({
scheduleCreated
:
state
.
schedule
.
scheduleCreated
,
address
:
state
.
profile
.
address
,
isScheduleCreationLoading
:
state
.
schedule
.
isScheduleCreationLoading
,
slotsCalculation
:
state
.
schedule
.
slots
,
scheduleError
:
state
.
schedule
.
error
...
...
src/pages/AppointmentsSettings/schedule.tsx
View file @
330ca233
This diff is collapsed.
Click to expand it.
src/pages/AppointmentsSettings/settings.scss
View file @
330ca233
...
...
@@ -41,10 +41,10 @@
.settings-schedule-form-layout
{
position
:
absolute
;
top
:
2
vw
;
left
:
30
vw
;
top
:
1
vw
;
left
:
18
vw
;
transform
:
translate
(
0%
,
7%
);
width
:
62
0px
;
width
:
89
0px
;
height
:
auto
;
padding
:
0px
32px
32px
32px
;
border-radius
:
12px
;
...
...
@@ -121,12 +121,49 @@
}
}
.upper-block
{
@include
flex-row
();
column-gap
:
10px
;
.working-hours-block
{
display
:
flex
;
flex-direction
:
column
;
justify-content
:
flex-start
;
row-gap
:
20px
;
&
>
.errorBlock
{
color
:
red
;
text-align
:
start
;
&
.margin-top
{
margin-top
:
0px
;
}
}
}
}
.lower-block
{
.appointment-location-label
{
@include
flex-row
();
align-items
:
center
;
}
.select-clinic
{
width
:
556px
;
padding
:
8px
16px
8px
16px
;
}
.description
{
width
:
556px
;
padding
:
8px
16px
8px
16px
;
}
}
.calendar-block
{
height
:
298px
;
height
:
auto
;
.calendar-schedule-common
{
width
:
auto
;
height
:
290px
;
box-shadow
:
none
;
border
:
none
;
background
:
rgba
(
250
,
250
,
250
,
1
);
...
...
@@ -274,9 +311,10 @@
.time-picker-block
{
@include
flex-row
();
column-gap
:
16px
;
flex-direction
:
column
;
row-gap
:
12px
;
width
:
556px
;
height
:
48px
;
padding
:
8px
16px
8px
16px
;
border-radius
:
16px
;
...
...
@@ -287,6 +325,7 @@
.select-period-block
{
width
:
50%
;
height
:
34px
;
&
>
div
>
div
{
&
>
.MuiSelect-select
:focus
{
...
...
@@ -303,12 +342,13 @@
.controls-block
{
@include
flex-row
();
flex-direction
:
column
;
justify-content
:
space-around
;
width
:
556px
;
height
:
48px
;
padding
:
8px
16px
8px
16px
;
border-radius
:
16px
;
column
-gap
:
12px
;
row
-gap
:
12px
;
&
.empty
{
justify-content
:
flex-start
;
...
...
Write
Preview
Markdown
is supported
0%
Try again
or
attach a new file
Attach a file
Cancel
You are about to add
0
people
to the discussion. Proceed with caution.
Finish editing this message first!
Cancel
Please
register
or
sign in
to comment