@@ -12,8 +12,8 @@ import Assistant from '../assistant/assistant';
12
12
import NeedHelp from '../help/needhelp' ;
13
13
14
14
export default function LandingPage ( props ) {
15
- const name = localStorage . getItem ( "userName" ) ;
16
- const isRequested = localStorage . getItem ( "isRequested" ) ;
15
+ // const name = localStorage.getItem("userName");
16
+ // const isRequested = localStorage.getItem("isRequested");
17
17
const isVolunteer = localStorage . getItem ( "isVolunteer" ) ;
18
18
const help = JSON . parse ( localStorage . getItem ( "assistantObj" ) ) ;
19
19
let date = ( help != null && help . date ) ? new Date ( help . date ) : new Date ( ) ;
@@ -43,8 +43,8 @@ export default function LandingPage(props) {
43
43
< span className = "rounded badge bg-soft-primary" > Open</ span >
44
44
</ div >
45
45
< div className = "col-auto border-bottom text-center" style = { { width : '100px' } } >
46
- < a href = "# " className = "btn btn-sm btn-outline-primary mb-1 w-100" > Accept</ a >
47
- < a href = "# " className = "btn btn-sm btn-link mb-2" > More Info</ a >
46
+ < button type = "button " className = "btn btn-sm btn-outline-primary mb-1 w-100" > Accept</ button >
47
+ < button type = "button " className = "btn btn-sm btn-link mb-2" > More Info</ button >
48
48
</ div >
49
49
</ div >
50
50
{ /* repeat item */ }
@@ -61,13 +61,13 @@ export default function LandingPage(props) {
61
61
< span className = "rounded badge bg-soft-primary" > Open</ span >
62
62
</ div >
63
63
< div className = "col-auto border-bottom text-center" style = { { width : '100px' } } >
64
- < a href = "# " className = "btn btn-sm btn-outline-primary mb-1 w-100" > Accept</ a >
65
- < a href = "# " className = "btn btn-sm btn-link mb-2" > More Info</ a >
64
+ < button type = "button " className = "btn btn-sm btn-outline-primary mb-1 w-100" > Accept</ button >
65
+ < button type = "button " className = "btn btn-sm btn-link mb-2" > More Info</ button >
66
66
</ div >
67
67
</ div >
68
68
{ /* repeat item */ }
69
69
< small className = "d-block text-end mt-3" >
70
- < a href = "#" > View all</ a >
70
+ < button type = "button" className = "btn btn-sm btn-link" > View all</ button >
71
71
</ small >
72
72
</ div >
73
73
{
@@ -77,8 +77,8 @@ export default function LandingPage(props) {
77
77
}
78
78
79
79
{ ( help && help . helpTitle ) ?
80
- < div class = "my-3 p-3 bg-body rounded shadow-sm" >
81
- < h6 class = "border-bottom pb-2 mb-0" >
80
+ < div className = "my-3 p-3 bg-body rounded shadow-sm" >
81
+ < h6 className = "border-bottom pb-2 mb-0" >
82
82
Help requested by you
83
83
</ h6 >
84
84
< div className = "d-flex pt-3" >
@@ -100,14 +100,14 @@ export default function LandingPage(props) {
100
100
className = "me-2 rounded-circle shadow-sm" />
101
101
< small className = "lh-1" >
102
102
< small className = "small text-muted d-block text-center" > Accepted by</ small >
103
- < a href = "# " className = "small" > Sarah Gordy</ a >
103
+ < button type = "button " className = "small btn btn-link " > Sarah Gordy</ button >
104
104
</ small >
105
105
</ div >
106
106
</ >
107
107
:
108
- < a href = "# " className = "btn btn-sm btn-outline-primary mb-1 w-100" > Requested</ a >
108
+ < button type = "button " className = "btn btn-sm btn-outline-primary mb-1 w-100" > Requested</ button >
109
109
}
110
- { /* <a href="# " className="btn btn-sm btn-link mb-2">More Info</a > */ }
110
+ { /* <button type="button " className="btn btn-sm btn-link mb-2">More Info</button > */ }
111
111
</ div >
112
112
113
113
</ div >
@@ -117,27 +117,27 @@ export default function LandingPage(props) {
117
117
</ >
118
118
}
119
119
120
- < div class = "my-3 p-3 bg-body rounded shadow-sm" >
120
+ < div className = "my-3 p-3 bg-body rounded shadow-sm" >
121
121
< Form . Group className = "form-check-inline m-0" >
122
122
< Form . Label className = "form-check-label d-block m-0 me-2" >
123
123
Need { ( help && help . helpTitle ) ? "more" : "" } help?
124
124
</ Form . Label >
125
- < input id = "professional" name = "help" type = "radio" class = "form-check-input me-2" onChange = { ( ) => { setProfessionalHelp ( ! professionalHelp ) ; setVolunteerHelp ( false ) } } />
126
- < label class = "form-check-label me-3" for = "professional" > Professional</ label >
127
- < input id = "volunteer" name = "help" type = "radio" class = "form-check-input me-2" onChange = { ( ) => { setVolunteerHelp ( ! volunteerHelp ) ; setProfessionalHelp ( false ) } } />
128
- < label class = "form-check-label" for = "volunteer" > Volunteer</ label >
125
+ < input id = "professional" name = "help" type = "radio" className = "form-check-input me-2" onChange = { ( ) => { setProfessionalHelp ( ! professionalHelp ) ; setVolunteerHelp ( false ) } } />
126
+ < label className = "form-check-label me-3" htmlFor = "professional" > Professional</ label >
127
+ < input id = "volunteer" name = "help" type = "radio" className = "form-check-input me-2" onChange = { ( ) => { setVolunteerHelp ( ! volunteerHelp ) ; setProfessionalHelp ( false ) } } />
128
+ < label className = "form-check-label" htmlFor = "volunteer" > Volunteer</ label >
129
129
</ Form . Group >
130
130
</ div >
131
131
132
132
{
133
133
professionalHelp &&
134
- < div class = "my-3 p-3 bg-body rounded shadow-sm" >
134
+ < div className = "my-3 p-3 bg-body rounded shadow-sm" >
135
135
< Assistant />
136
136
</ div >
137
137
}
138
138
{
139
139
volunteerHelp &&
140
- < div class = "my-3 p-3 bg-body rounded shadow-sm" >
140
+ < div className = "my-3 p-3 bg-body rounded shadow-sm" >
141
141
< NeedHelp />
142
142
</ div >
143
143
}
@@ -150,13 +150,13 @@ export default function LandingPage(props) {
150
150
< div className = "col-md-4" >
151
151
< div className = "position-sticky" style = { { top : '80px' } } >
152
152
{ /* Profile Info Card */ }
153
- < div class = "my-3 p-3 bg-body rounded shadow-sm" >
153
+ < div className = "my-3 p-3 bg-body rounded shadow-sm" >
154
154
< div className = "row g-0" >
155
155
< div className = "col-auto" >
156
- < img class = "img-thumbnail me-3 img-fluid rounded-circle shadow-sm" src = { Avatar } width = "64" height = "64" alt = "" />
156
+ < img className = "img-thumbnail me-3 img-fluid rounded-circle shadow-sm" src = { Avatar } width = "64" height = "64" alt = "" />
157
157
</ div >
158
158
< div className = "col" >
159
- < h6 class = "mb-0" >
159
+ < h6 className = "mb-0" >
160
160
Varun
161
161
</ h6 >
162
162
< div className = "small text-muted mb-1 border-bottom pb-1" >
0 commit comments