styles fix

dapp/src/components/createItemSingleton.tsx

@@ -62,7 +62,9 @@ export default function CreateItemSingletonTG(props:Props){
     <form onSubmit={createItemSingleton}>
     <FormControl>
       <FormLabel htmlFor='FileID'>Unique File ID: </FormLabel>
+      <div>
       <Text><b>Unique File id</b>:{file_id}</Text>
+      </div>
       <Button type="submit" isDisabled={!currentAccount}>Create NFT!</Button>
     </FormControl>
     </form>

dapp/src/components/deployCollection.tsx

@@ -25,15 +25,16 @@ export default function CreateCollectionTG(props:Props){
   var [symbol, setSymbol] = useState<string|null>("")
   var [file_ids, setFileIds] = useState<string[]>()
   const router = useRouter();
+  const x = router.query.file_id;
+
+  if (Array.isArray(x)) {
+      setFileIds(x);
+  }
 
   useEffect(() => {
     const queryParams = new URLSearchParams(location.search);
 
-    const x = router.query.file_id;
 
-    if (Array.isArray(x)) {
-        setFileIds(x);
-    }
 
   //var id = queryParams.get('user_tg_id');   // get id as string from query
   //let int_id : number = +id;                // similar to parseInt()
@@ -78,9 +79,11 @@ export default function CreateCollectionTG(props:Props){
     <form onSubmit={createCollection}>
     <FormControl>
       <FormLabel htmlFor='FileID'>CollectionData: </FormLabel>
+      <div>
       <Text><b>Name of collection</b>:{name}</Text>
       <Text><b>Symbol of collection</b>:{symbol}</Text>
       <Text><b>File ids array</b>:{file_ids}</Text>
+      </div>
       <Button type="submit" isDisabled={!currentAccount}>Create NFT!</Button>
     </FormControl>
     </form>

dapp/src/pages/_app.tsx

@@ -1,6 +1,15 @@
-import '../styles/globals.css'
+import { ChakraProvider } from '@chakra-ui/react'
 import type { AppProps } from 'next/app'
+import { Layout } from '../components/layout'
 
-export default function App({ Component, pageProps }: AppProps) {
-  return <Component {...pageProps} />
+function MyApp({ Component, pageProps }: AppProps) {
+  return (
+      <ChakraProvider>
+        <Layout>
+        <Component {...pageProps} />
+        </Layout>
+      </ChakraProvider>
+  )
 }
+
+export default MyApp

dapp/styles/Home.module.css

@@ -114,16 +114,3 @@
     flex-direction: column;
   }
 }
-
-@media (prefers-color-scheme: dark) {
-  .card,
-  .footer {
-    border-color: #222;
-  }
-  .code {
-    background: #111;
-  }
-  .logo img {
-    filter: invert(1);
-  }
-}

dapp/styles/globals.css

@@ -14,13 +14,3 @@ a {
 * {
   box-sizing: border-box;
 }
-
-@media (prefers-color-scheme: dark) {
-  html {
-    color-scheme: dark;
-  }
-  body {
-    color: white;
-    background: black;
-  }
-}