From 51a18bfb90788c2fa6d9a967c20714a8fb3ae5f4 Mon Sep 17 00:00:00 2001
From: Ivan S Glazunov <ivansglazunov@gmail.com>
Date: Fri, 12 Jul 2024 16:19:43 +0000
Subject: [PATCH] 0.0.3

---
 pages/index.tsx    | 8 ++++----
 src/connection.tsx | 2 +-
 tsconfig.json      | 1 +
 3 files changed, 6 insertions(+), 5 deletions(-)

diff --git a/pages/index.tsx b/pages/index.tsx
index 949fae86..599ae22a 100644
--- a/pages/index.tsx
+++ b/pages/index.tsx
@@ -44,7 +44,7 @@ export const Tab = ({
       zIndex={1}
       onClick={() => onClick(id)}
     >
-      {icon} <Box align='left' pl='0.5em'>
+      {icon} <Box textAlign='left' pl='0.5em'>
         <Box fontSize="sm">{name || type}</Box>
         <Box fontSize="xxs">{name ? type : ''} {id}</Box>
       </Box>
@@ -168,7 +168,7 @@ export function Content() {
 
   const [layout, setLayout] = useQueryStore('layout', 'c');
 
-  const [spaceId, setSpaceId] = useState();
+  const [spaceId, setSpaceId] = useState<any>();
   const [containerId, setContainerId] = useState();
 
   return (
@@ -177,7 +177,7 @@ export function Content() {
                       "nav main"`}
       gridTemplateRows={'3em 1fr'}
       gridTemplateColumns={'3em 1fr'}
-      h='100%' w="100%" position="fixed" l="0%" t="0%"
+      h='100%' w="100%" position="fixed" left="0%" top="0%"
       color='blackAlpha.700'
       fontWeight='bold'
     >
@@ -209,7 +209,7 @@ export function Content() {
               onClick={id => setSpaceId(id)} isActive={spaceId === 5173}
             />
           </Box>
-          <Box flex='1' align="right">
+          <Box flex='1' textAlign="right">
             <Tab
               id={452} name='allowUsersInsertSafe' type='Rule' icon='🔥'
               onClick={id => setSpaceId(id)} isActive={spaceId === 452}
diff --git a/src/connection.tsx b/src/connection.tsx
index 49b23703..ff99935f 100644
--- a/src/connection.tsx
+++ b/src/connection.tsx
@@ -1,5 +1,5 @@
 import { Box, Button, Card, CardBody, CardHeader, Code, FormControl, FormLabel, HStack, Heading, Input, SimpleGrid } from "@chakra-ui/react";
-import { AutoGuest } from "@deep-foundation/deepcase/imports/auto-guest";
+import { AutoGuest } from "@deep-foundation/perception-imports/imports/auto-guest";
 import { useDeep } from "@deep-foundation/deeplinks/imports/client";
 import { useEffect, useState } from "react";
 import { useTranslation } from "next-i18next";
diff --git a/tsconfig.json b/tsconfig.json
index e4c26ca3..7b4e4eeb 100644
--- a/tsconfig.json
+++ b/tsconfig.json
@@ -13,6 +13,7 @@
     ],
     "downlevelIteration": true,
     "resolveJsonModule": true,
+    "allowImportingTsExtensions": true,
     "esModuleInterop": true,
     "noImplicitAny": false,
     "isolatedModules": true,