JSFiddle - React, Tailwind, and code Playground

by Farzad YZ

JavaScript

function App() {
	const interfaceType = getInterfaceType(qParams);
  
	switch(interfaceType) {
    case 'ordering':
      return <OrderingInterface />
    case 'cancel':
      return <CancelInterface />
     default:
      throw Error('Invalid state')
  }
}

function OrderingInterface() {
	useEffect(() => {
  	fetchSomeData()
  }, [])
  
  return <AppLayout><OrderSumamry>
  	...
  </OrderSummary></AppLayout>
}

function CancelInterface() {
	useEffect(() => {
  	fetchCancellingData()
  }, [])
  
  return <AppLayout><OrderSumamry>
  	...
  </OrderSummary></AppLayout>
}