feat: ✨ updates

package.json

@@ -11,10 +11,9 @@
   },
   "license": "MIT",
   "dependencies": {
-    "motionone": "github:thetarnav/motionone#solid-improvements",
-    "@solid-primitives/i18n": "^1.4.1",
+    "@solid-primitives/i18n": "^2",
     "@solidjs/router": "^0.8.3",
-    "@tauri-apps/api": "2.0.0-alpha.7",
+    "@tauri-apps/api": "2.0.0-alpha.8",
     "@tauri-apps/plugin-app": "github:tauri-apps/tauri-plugin-app#v2",
     "@tauri-apps/plugin-autostart": "github:tauri-apps/tauri-plugin-autostart#v2",
     "@tauri-apps/plugin-clipboard-manager": "github:tauri-apps/tauri-plugin-clipboard-manager#v2",
@@ -26,18 +25,21 @@
     "@tauri-apps/plugin-store": "github:tauri-apps/tauri-plugin-store#v2",
     "@tauri-apps/plugin-updater": "github:tauri-apps/tauri-plugin-updater#v2",
     "@tauri-apps/plugin-window": "github:tauri-apps/tauri-plugin-window#v2",
+    "@motionone/solid": "10.16",
+    "solid-chartjs": "^1.3.8",
     "solid-headless": "^0.13.1",
-    "solid-icons": "^1.0.11",
+    "solid-icons": "^1.0.12",
     "solid-js": "^1.7",
     "solid-toast": "^0.5.0"
   },
   "devDependencies": {
-    "@tauri-apps/cli": "2.0.0-alpha.13",
-    "@types/node": "^20.5",
-    "autoprefixer": "^10.4.15",
-    "postcss": "^8.4.28",
-    "tailwindcss": "^3.3.3",
-    "typescript": "^5.1",
+    "@biomejs/biome": "1.2.2",
+    "@tauri-apps/cli": "2.0.0-alpha.14",
+    "@types/node": "^20.6",
+    "autoprefixer": "^10.4",
+    "postcss": "^8.4",
+    "tailwindcss": "^3",
+    "typescript": "^5.2",
     "vite": "4.4",
     "vite-plugin-solid": "^2.7.0"
   }

src-tauri/Cargo.toml

@@ -16,10 +16,10 @@ members = ["prisma-cli"]
 tauri-build = { version = "2.0.0-alpha.8", features = [] }
 
 [dependencies]
-tauri = { version = "2.0.0-alpha.13", features = ["macos-private-api"] }
+tauri = { version = "2.0.0-alpha.14", features = ["macos-private-api"] }
 serde = { version = "1.0", features = ["derive"] }
 serde_json = "1.0"
-prisma-client-rust = { git = "https://github.com/Brendonovich/prisma-client-rust", tag = "0.6.8", features = [
+prisma-client-rust = { git = "https://github.com/Brendonovich/prisma-client-rust", tag = "0.6.9", features = [
     "sqlite",
     "migrations",
     "mocking",

src/i18n/dict.ts

@@ -16,6 +16,10 @@ export const dict = {
     sidebar_section_purchase: "Purchase",
     sidebar_section_reports: "Reports",
     sidebar_section_directory: "Directory",
+
+    home_stats_sales: "Sales",
+    home_stats_purchase: "Purchase",
+    home_stats_tax: "Taxes",
   },
   cs: {
     hello: "Ahoj",
@@ -34,5 +38,9 @@ export const dict = {
     sidebar_section_purchase: "Nákup",
     sidebar_section_reports: "Reporty",
     sidebar_section_directory: "Adresář",
+
+    home_stats_sales: "Prodej",
+    home_stats_purchase: "Nákup",
+    home_stats_tax: "Daně",
   },
 };

src/screens/Dashboard/components/Box.tsx

@@ -2,7 +2,7 @@ import { ParentComponent } from "solid-js";
 
 const Box: ParentComponent = (props) => {
   return (
-    <div class="rounded-lg border p-2 dark bg-[#E6E6E6] border-[#dddddd] dark:bg-[#282828] dark:border-neutral-600 h-full w-full">
+    <div class="rounded-lg border p-3 dark bg-[#E6E6E6] border-[#dddddd] dark:bg-[#282828] dark:border-neutral-600 h-full w-full">
       {props.children}
     </div>
   );

src/screens/Dashboard/components/StatBox.tsx

@@ -0,0 +1,19 @@
+import { Component, createSignal } from "solid-js";
+import { Platform } from "@tauri-apps/plugin-os";
+
+const StatBox: Component<{
+  title: string;
+  value: string;
+}> = (props) => {
+  const [os, setOs] = createSignal<Platform | null>(null);
+
+  return (
+    <div class="flex flex-col justify-between text-grey">
+      <p class="text-md">{props.title}</p>
+      <p class="text-2xl font-medium text-primary">{props.value}</p>
+      <div class="text-green-200">30%</div>
+    </div>
+  );
+};
+
+export default StatBox;

src/screens/Dashboard/pages/Overview.tsx

@@ -1,17 +1,25 @@
 import { useSelector } from "@/store";
 import { Component } from "solid-js";
 import Box from "../components/Box";
+import StatBox from "../components/StatBox";
+import { useI18n } from "@/i18n";
 
 const Overview: Component = () => {
   const {
     companyService: { company },
   } = useSelector();
 
+  const [t] = useI18n();
+
   return (
     <div class="grid grid-cols-3 grid-rows-5 gap-4 w-full h-screen">
       <div class="col-span-3">
         <Box>
-          <div class="flex flex-row">statistics</div>
+          <div class="flex flex-row gap-4 justify-between items-center px-2 w-full h-full">
+            <StatBox title={t.home_stats_purchase()} value="100$" />
+            <StatBox title={t.home_stats_sales()} value="100$" />
+            <StatBox title={t.home_stats_tax()} value="69$" />
+          </div>
         </Box>
       </div>
       <div class="col-span-2 row-span-2 row-start-2">
@@ -21,7 +29,7 @@ const Overview: Component = () => {
       </div>
       <div class="col-span-1">
         <Box>
-          <div class="flex flex-row">info </div>
+          <div class="flex flex-row">info</div>
         </Box>
       </div>
       <div class="col-span-2 row-start-4">

src/screens/Dashboard/pages/Sales/Invoices/Invoices.tsx

@@ -2,8 +2,21 @@ import { Component } from "solid-js";
 
 const Invoices: Component = () => {
   return (
-    <div class="flex flex-col items-center justify-center h-full w-full">
-      <h1 class="text-4xl font-bold text-red">Faktury</h1>
+    <div class="flex flex-col justify-center items-center w-full h-full">
+      <table>
+        <tbody>
+          <tr>
+            <td>1</td>
+            <td>2</td>
+            <td>3</td>
+          </tr>
+          <tr>
+            <td>4</td>
+            <td>5</td>
+            <td>6</td>
+          </tr>
+        </tbody>
+      </table>
     </div>
   );
 };