@@ -18,41 +18,59 @@ import PathSelector from 'components/MemberPath/PathSelector';
1818const { fireErrorMessage } = errors ;
1919
2020export function AppComponentSwitch ( appComponent ) {
21- if ( appComponent . fields . type === 'TCO-Leaderboard' ) {
21+ const {
22+ fields : {
23+ type,
24+ theme,
25+ props,
26+ props : {
27+ leaderboardApiUrl,
28+ title,
29+ podiumSpots,
30+ isCopilot,
31+ hasChallengeHistory,
32+ tcoPointsApiUrl,
33+ memberLimit,
34+ isAlgo,
35+ } ,
36+ } ,
37+ sys : { id } ,
38+ } = appComponent ;
39+ if ( type === 'TCO-Leaderboard' ) {
2240 return (
2341 < Leaderboard
24- id = { appComponent . sys . id }
25- apiUrl = { appComponent . fields . props . leaderboardApiUrl }
26- title = { appComponent . fields . props . title }
27- podiumSpots = { appComponent . fields . props . podiumSpots }
28- isCopilot = { appComponent . fields . props . isCopilot }
29- hasChallengeHistory = { appComponent . fields . props . hasChallengeHistory }
30- tcoPointsApiUrl = { appComponent . fields . props . tcoPointsApiUrl }
31- memberLimit = { appComponent . fields . props . memberLimit }
32- isAlgo = { appComponent . fields . props . isAlgo }
33- key = { appComponent . sys . id }
34- themeName = { appComponent . fields . theme }
42+ id = { id }
43+ apiUrl = { leaderboardApiUrl }
44+ title = { title }
45+ podiumSpots = { podiumSpots }
46+ isCopilot = { isCopilot }
47+ hasChallengeHistory = { hasChallengeHistory }
48+ tcoPointsApiUrl = { tcoPointsApiUrl }
49+ memberLimit = { memberLimit }
50+ isAlgo = { isAlgo }
51+ key = { id }
52+ themeName = { theme }
3553 />
3654 ) ;
3755 }
38- if ( appComponent . fields . type === 'RecruitCRM-Jobs' ) {
39- return < RecruitCRMJobs { ...appComponent . fields . props } key = { appComponent . sys . id } /> ;
56+ if ( type === 'RecruitCRM-Jobs' ) {
57+ return < RecruitCRMJobs { ...props } key = { id } /> ;
4058 }
41- if ( appComponent . fields . type === 'EmailSubscribeForm' ) {
42- return < EmailSubscribeForm { ...appComponent . fields . props } key = { appComponent . sys . id } /> ;
59+ if ( type === 'EmailSubscribeForm' ) {
60+ return < EmailSubscribeForm { ...props } key = { id } /> ;
4361 }
44- if ( appComponent . fields . type === 'GSheet' ) {
45- return < GSheet { ...appComponent . fields . props } key = { appComponent . sys . id } /> ;
62+ if ( type === 'GSheet' ) {
63+ return < GSheet { ...props } key = { id } /> ;
4664 }
47- if ( appComponent . fields . type === 'MemberPath' ) {
65+ if ( type === 'MemberPath' ) {
4866 return (
4967 < PathSelector
50- { ...appComponent . fields . props }
51- key = { appComponent . sys . id }
68+ { ...props }
69+ key = { id }
5270 />
5371 ) ;
5472 }
55- fireErrorMessage ( `Unsupported app component type ${ appComponent . fields . type } ` , '' ) ;
73+ fireErrorMessage ( `Unsupported app component type ${ type } ` , '' ) ;
5674 return null ;
5775}
5876
0 commit comments