@@ -9,7 +9,13 @@ import {
99 Divider ,
1010 useMediaQuery ,
1111} from '@chakra-ui/react' ;
12- import { FaGoogle , FaGithub , FaFacebookF , FaLinkedin } from 'react-icons/fa' ;
12+ import {
13+ FaGoogle ,
14+ FaGithub ,
15+ FaFacebookF ,
16+ FaLinkedin ,
17+ FaApple ,
18+ } from 'react-icons/fa' ;
1319import { TextInputType , HiddenInputType } from '../../constants' ;
1420
1521const OAuthConfig = ( {
@@ -216,7 +222,45 @@ const OAuthConfig = ({
216222 fieldVisibility = { fieldVisibility }
217223 setFieldVisibility = { setFieldVisibility }
218224 inputType = { HiddenInputType . LINKEDIN_CLIENT_SECRET }
219- placeholder = "LinkedIn Secret"
225+ placeholder = "LinkedIn Client Secret"
226+ />
227+ </ Center >
228+ </ Flex >
229+ < Flex direction = { isNotSmallerScreen ? 'row' : 'column' } >
230+ < Center
231+ w = { isNotSmallerScreen ? '55px' : '35px' }
232+ h = "35px"
233+ marginRight = "1.5%"
234+ border = "1px solid #3b5998"
235+ borderRadius = "5px"
236+ >
237+ < FaApple style = { { color : '#3b5998' } } />
238+ </ Center >
239+ < Center
240+ w = { isNotSmallerScreen ? '70%' : '100%' }
241+ mt = { isNotSmallerScreen ? '0' : '3' }
242+ marginRight = "1.5%"
243+ >
244+ < InputField
245+ borderRadius = { 5 }
246+ variables = { envVariables }
247+ setVariables = { setVariables }
248+ inputType = { TextInputType . APPLE_CLIENT_ID }
249+ placeholder = "Apple Client ID"
250+ />
251+ </ Center >
252+ < Center
253+ w = { isNotSmallerScreen ? '70%' : '100%' }
254+ mt = { isNotSmallerScreen ? '0' : '3' }
255+ >
256+ < InputField
257+ borderRadius = { 5 }
258+ variables = { envVariables }
259+ setVariables = { setVariables }
260+ fieldVisibility = { fieldVisibility }
261+ setFieldVisibility = { setFieldVisibility }
262+ inputType = { HiddenInputType . APPLE_CLIENT_SECRET }
263+ placeholder = "Apple CLient Secret"
220264 />
221265 </ Center >
222266 </ Flex >
0 commit comments