@@ -53,6 +53,8 @@ const Home = lazy(() => import('./pages/Home'))
5353const About = lazy ( ( ) => import ( './pages/About' ) )
5454const AbstractSubmission = lazy ( ( ) => import ( './pages/AbstractSubmission' ) )
5555const AbstractSubmitted = lazy ( ( ) => import ( './pages/AbstractSubmitted' ) )
56+ const ArticlesPage = lazy ( ( ) => import ( './pages/Articles' ) )
57+ const CallForPapers = lazy ( ( ) => import ( './pages/CallForPapers' ) )
5658const Issue = lazy ( ( ) => import ( './pages/Issue' ) )
5759const Issues = lazy ( ( ) => import ( './pages/Issues' ) )
5860const Abstract = lazy ( ( ) => import ( './pages/Abstract' ) )
@@ -114,9 +116,11 @@ function LangRoutes() {
114116 < Route path = { `${ path } /abstract/:id` } >
115117 < Abstract />
116118 </ Route >
119+
117120 < Route path = { `${ path } /issues` } component = { Issues } />
118121 < Route path = { `${ path } /issue/:id` } component = { Issue } />
119122 < Route path = { `${ path } /article/:pid` } component = { ArticleViewer } />
123+ < Route exact path = { `${ path } /articles` } component = { ArticlesPage } />
120124 < Route path = { `${ path } /abstract-submitted` } component = { AbstractSubmitted } />
121125 < Route exact path = { `${ path } /terms` } component = { TermsOfUse } />
122126 < Route exact path = { `${ path } /submit` } >
@@ -141,6 +145,7 @@ function LangRoutes() {
141145 < Route exact path = { `${ path } /playground` } component = { Playground } />
142146 < Route exact path = { `${ path } /fingerprint` } component = { Fingerprint } />
143147 < Route exact path = { `${ path } /guidelines` } component = { Guidelines } />
148+ < Route exact path = { `${ path } /cfp/:permalink` } component = { CallForPapers } />
144149 < Route path = { `${ path } *` } >
145150 < NotFound path = { path } />
146151 </ Route >
@@ -156,20 +161,21 @@ function usePageViews() {
156161 ( ) => {
157162 const url = [ pathname , search ] . join ( '' )
158163 console . info ( 'pageview' , url )
159- // based on the pathname, change the background
160- if ( pathname . indexOf ( '/notebook' ) !== - 1 || pathname . indexOf ( '/article' ) !== - 1 ) {
161- changeBackgroundColor ( '#F4F1F8' )
162- } else if ( pathname . indexOf ( '/issue' ) !== - 1 ) {
163- changeBackgroundColor ( '#F4F1F8' )
164- } else if ( pathname . indexOf ( '/submit' ) !== - 1 ) {
165- changeBackgroundColor ( 'var(--gray-100)' )
166- } else if ( pathname . indexOf ( '/about' ) !== - 1 ) {
167- changeBackgroundColor ( 'var(--linen)' )
168- } else if ( pathname . indexOf ( '/terms' ) !== - 1 ) {
169- changeBackgroundColor ( 'var(--peachpuff)' )
170- } else {
171- changeBackgroundColor ( 'var(--gray-100)' )
172- }
164+ changeBackgroundColor ( 'var(--gray-100)' )
165+ // // based on the pathname, change the background
166+ // if (pathname.indexOf('/notebook') !== -1 || pathname.indexOf('/article') !== -1) {
167+ // changeBackgroundColor('#F4F1F8')
168+ // } else if (pathname.indexOf('/issue') !== -1) {
169+ // changeBackgroundColor('#F4F1F8')
170+ // } else if (pathname.indexOf('/submit') !== -1) {
171+ // changeBackgroundColor('var(--gray-100)')
172+ // } else if (pathname.indexOf('/about') !== -1) {
173+ // changeBackgroundColor('var(--linen)')
174+ // } else if (pathname.indexOf('/terms') !== -1) {
175+ // changeBackgroundColor('var(--peachpuff)')
176+ // } else {
177+ // changeBackgroundColor('var(--gray-100)')
178+ // }
173179 ReactGA . pageview ( url )
174180 } ,
175181 [ pathname , search , changeBackgroundColor ]
@@ -215,7 +221,7 @@ export default function App() {
215221 < AppRoutes />
216222 </ Suspense >
217223 </ main >
218- < Footer hideOnRoutes = { [ '/article/' , '/notebook-viewer/' ] } />
224+ < Footer hideOnRoutes = { [ '/article/' , '/notebook-viewer/' , '/cfp/' , '/guidelines/' ] } />
219225 < ScrollToTop />
220226 </ Auth0ProviderWithHistory >
221227 </ QueryParamProvider >
0 commit comments