\r\n {selectedClient.existingLogoUrl &&\r\n 
\r\n }\r\n {!selectedClient.existingLogoUrl &&\r\n
\r\n }\r\n {view === browseView &&\r\n {selectedClient.name}
\r\n }\r\n\r\n
\r\n }\r\n\r\n {(view === createInstanceView || view === editInstanceView) &&\r\n \r\n
\r\n {activeSection?.name}
\r\n\r\n {activeSection === dashboardSection &&\r\n <>\r\n {/* Replace with your content */}\r\n selectInstance(instance)} onEditClicked={(instance) => editInstance(instance)} onCreateClicked={() => createInstance()} />\r\n }\r\n\r\n {activeSection === clientsSection &&\r\n selectClient(client)} onEditClicked={(client) => editClient(client)} onCreateClicked={() => createClient()} />\r\n }\r\n\r\n {activeSection === clientGroupsSection &&\r\n selectClientGroup(clientGroup)} onEditClicked={(clientGroup) => editClientGroup(clientGroup)} onCreateClicked={() => createClientGroup()} />\r\n }\r\n\r\n {activeSection === clientDetailsSection && selectedClient &&\r\n { resetViewToBrowse(); setActiveSection(section); }} onEditClicked={(client) => editClient(client)} />\r\n }\r\n\r\n {activeSection === playlistsSection &&\r\n selectPlaylist(playlist)} onOrderChanged={(item) => playlistOrderChanged(item)} onEditClicked={(playlist) => editPlaylist(playlist)} onCreateClicked={() => createPlaylist()} />\r\n }\r\n\r\n {activeSection === playlistDetailsSection &&\r\n editPlaylist(playlist)} />\r\n }\r\n\r\n {activeSection === productsSection &&\r\n selectProduct(product)} onEditClicked={(product) => editProduct(product)} onCreateClicked={() => createProduct()} />\r\n }\r\n\r\n {activeSection === productDetailsSection &&\r\n editProduct(product)} />\r\n }\r\n\r\n {activeSection === clipsSection &&\r\n selectClip(clip)} onEditClicked={(clip) => editClip(clip)} onCreateClicked={() => createClip()} />\r\n }\r\n\r\n {activeSection === clipDetailsSection &&\r\n editClip(clip)} />\r\n }\r\n
\r\n \r\n \r\n
\r\n {/* /End replace */}\r\n \r\n }\r\n\r\n {activeSection === instancesSection &&\r\n