Update App.tsx

TODO: It is incumbent upon me to transform this into a function, encapsulating all the keys I have laboriously generated for each domain I utilize  (This necessity arises, regrettably, from what appears to be a lack of understanding on the part of Adobe developers regarding the operation of CORS. To put it mildly, their management of authorizations leaves much to be desired. They seem to rely on a nonsensical one-to-one mapping system that, while it may be easier for the typical Adobe developer to program, lacks any logical coherence. This approach is not only perplexing but also deeply distressing).

canary/App.tsx

@@ -95,14 +95,16 @@ export const App = () => {
 
                         }}
                         url="https://raw.githubusercontent.com/ZipingL/dna/main/23andMe_Ancestry_Book.pdf"
-                        clientId={
-                            window.location.hostname === 'localhost' ?
-
-                                '324caa2a91b84f688935436cd2d25217' :
-                                window.location.hostname === 'zipingl.github.io' ?
-                                '9c16d364507948289a9f65f9ab9da8bf' : 
-                                '875691e089ad4bf6bc4c5cea79403542'
-                            }
+                        clientId={ 
+                            // TODO: Fix this to a function
+                            window.location.hostname === 'localhost' ?                
+                            '324caa2a91b84f688935436cd2d25217' :
+                            window.location.hostname === 'one.ziping.org' ?
+                             '2e5605e61e5b4306829b619d6fad2dc4' :
+                            window.location.hostname === 'zipingl.github.io' ?
+                            '9c16d364507948289a9f65f9ab9da8bf' : 
+                            '875691e089ad4bf6bc4c5cea79403542'
+                        }
                     />
                 } />
             </Routes>