botway(core): very big ui update for botway core 🫡

abdfnx · Nov 21, 2023 · 5a72b75 · 5a72b75
1 parent 14f3455
commit 5a72b75
Show file tree

Hide file tree

Showing 11 changed files with 991 additions and 272 deletions.
diff --git a/core/app/settings/page.tsx → core/app/account/page.tsx b/core/app/settings/page.tsx → core/app/account/page.tsx
@@ -156,33 +156,48 @@ const Settings = () => {
                   {({ values }) => (
                     <Form className="column w-full">
                       <div className="border-gray-800 overflow-hidden rounded-2xl border shadow">
-                        <div className="flex flex-col bg-secondary gap-0">
-                          <div className="grid grid-cols-12 gap-6 px-8 py-9 opacity-100">
-                            <label className="text-white col-span-12 text-base lg:col-span-5">
-                              General settings
-                            </label>
-
-                            <div className="relative col-span-12 flex flex-col gap-6 lg:col-span-7">
-                              <div className="text-sm leading-4 grid gap-2 md:grid md:grid-cols-12">
-                                <div className="flex flex-row space-x-2 justify-between col-span-12">
-                                  <label
-                                    className="block text-gray-400 pt-1 text-sm leading-4"
-                                    htmlFor="name"
-                                  >
-                                    User Name
-                                  </label>
-                                </div>
-
-                                <div className="col-span-12">
-                                  <div className="relative">
-                                    <Field
-                                      className="input"
-                                      id="name"
-                                      name="name"
-                                      type="text"
-                                    />
-                                  </div>
-                                </div>
+                        <div className="bg-secondary w-full p-6 text-sm leading-4 md:grid gap-2 grid-cols-2">
+                          <div className="w-full pb-2">
+                            <div className="space-x-2 justify-between col-span-12">
+                              <label
+                                className="block text-gray-400 pt-1 pb-2 text-sm leading-4"
+                                htmlFor="name"
+                              >
+                                Name
+                              </label>
+                            </div>
+
+                            <div className="col-span-12">
+                              <div className="relative">
+                                <Field
+                                  className="input"
+                                  id="name"
+                                  name="name"
+                                  type="text"
+                                />
+                              </div>
+                            </div>
+                          </div>
+
+                          <div className="w-full pb-2">
+                            <div className="space-x-2 justify-between col-span-12">
+                              <label
+                                className="block text-gray-400 pt-1 pb-2 text-sm leading-4"
+                                htmlFor="email"
+                              >
+                                Email
+                              </label>
+                            </div>
+
+                            <div className="col-span-12">
+                              <div className="relative">
+                                <Field
+                                  className="input"
+                                  disabled
+                                  name="email"
+                                  type="email"
+                                  value={user?.email}
+                                />
                               </div>
                             </div>
                           </div>
@@ -214,7 +229,7 @@ const Settings = () => {
               </div>
             </div>
 
-            <div className="mb-8 ml-1">
+            {/* <div className="mb-8 ml-1">
               <div className="my-4 max-w-full space-y-8">
                 <div className="overflow-x-auto flex-grow border border-gray-800 rounded-lg">
                   <table className="w-full border-collapse select-auto">
@@ -353,7 +368,7 @@ const Settings = () => {
                   </table>
                 </div>
               </div>
-            </div>
+            </div> */}
           </div>
         </div>
 

diff --git a/core/app/page.tsx b/core/app/page.tsx
@@ -36,6 +36,7 @@ import {
 import { fetcher } from "@/tools/fetch";
 import { Button } from "@/components/Button";
 import { capitalizeFirstLetter } from "@/tools/text";
+import { Badge } from "@tremor/react";
 
 export const revalidate = 0;
 
@@ -185,9 +186,12 @@ const Home = ({ user }: any) => {
                 <div className="flex-1 gap-2 justify-end flex-shrink-0">
                   <a className="h-9 mt-1 px-4.5 inline-flex flex-shrink-0 whitespace-nowrap items-center gap-2">
                     <UserAvatar data={user.email} size={32} />
-                    <span className="text-white font-semibold font-mono text-2xl">
+                    <span className="text-white font-semibold font-mono text-xl md:text-2xl">
                       {user.user_metadata["name"]}
                     </span>
+                    <Badge color="cyan" className="hidden md:block">
+                      <span className="font-mono">X Mode</span>
+                    </Badge>
                   </a>
                 </div>
                 <div className="flex gap-2 justify-end flex-shrink-0">
@@ -293,7 +297,7 @@ const Home = ({ user }: any) => {
                   ))}
                 </div>
               ) : (
-                <div className="rounded-xl mt-8 overflow-hidden p-5 cursor-pointer border-2 border-dashed border-gray-800 hover:border-gray-600 shadow-lg transition duration-300 ease-in-out w-full h-60 flex flex-col items-center justify-center gap-4">
+                <div className="rounded-xl mt-8 overflow-hidden p-5 cursor-pointer border-2 border-dashed border-gray-800 hover:border-gray-700 transition duration-300 ease-in-out w-full h-80 flex flex-col items-center justify-center gap-4">
                   <h2 className="text-md text-gray-400 text-center">
                     Create a New Project
                   </h2>