diff --git a/package-lock.json b/package-lock.json index 4150d914..8414bfba 100644 --- a/package-lock.json +++ b/package-lock.json @@ -19934,14 +19934,6 @@ "react": "^18.2.0" } }, - "node_modules/react-icons": { - "version": "4.10.1", - "resolved": "https://registry.npmjs.org/react-icons/-/react-icons-4.10.1.tgz", - "integrity": "sha512-/ngzDP/77tlCfqthiiGNZeYFACw85fUjZtLbedmJ5DTlNDIwETxhwBzdOJ21zj4iJdvc0J3y7yOsX3PpxAJzrw==", - "peerDependencies": { - "react": "*" - } - }, "node_modules/react-is": { "version": "17.0.2", "resolved": "https://registry.npmjs.org/react-is/-/react-is-17.0.2.tgz", @@ -27160,7 +27152,6 @@ "nanoid": "^4.0.0", "react": "^18.1.0", "react-dom": "^18.1.0", - "react-icons": "^4.4.0", "react-spinners": "^0.13.8", "reflect-metadata": "^0.1.13", "svg-parser": "^2.0.4", @@ -31031,7 +31022,6 @@ "prettier": "^3.0.1", "react": "^18.1.0", "react-dom": "^18.1.0", - "react-icons": "^4.4.0", "react-spinners": "^0.13.8", "reflect-metadata": "^0.1.13", "sass": "^1.77.4", @@ -45708,12 +45698,6 @@ "scheduler": "^0.23.0" } }, - "react-icons": { - "version": "4.10.1", - "resolved": "https://registry.npmjs.org/react-icons/-/react-icons-4.10.1.tgz", - "integrity": "sha512-/ngzDP/77tlCfqthiiGNZeYFACw85fUjZtLbedmJ5DTlNDIwETxhwBzdOJ21zj4iJdvc0J3y7yOsX3PpxAJzrw==", - "requires": {} - }, "react-is": { "version": "17.0.2", "resolved": "https://registry.npmjs.org/react-is/-/react-is-17.0.2.tgz", diff --git a/packages/view/src/App.scss b/packages/view/src/App.scss index 4b5237be..133b572a 100644 --- a/packages/view/src/App.scss +++ b/packages/view/src/App.scss @@ -35,6 +35,17 @@ body { display: grid; grid-template-columns: 4fr 1fr; height: calc(100vh - 200px); - padding: 20px; } + +.no-commits-container{ + display: flex; + flex-direction: column; + justify-content: center; + align-items: center; + height: calc(100vh - 350px); + + h1 { + margin: 40px 0 0 0; + } +} \ No newline at end of file diff --git a/packages/view/src/App.tsx b/packages/view/src/App.tsx index 4b552652..9d83bd67 100644 --- a/packages/view/src/App.tsx +++ b/packages/view/src/App.tsx @@ -3,6 +3,7 @@ import { container } from "tsyringe"; import { useEffect, useRef } from "react"; import BounceLoader from "react-spinners/BounceLoader"; +import MonoLogo from "assets/monoLogo.svg"; import { BranchSelector, Statistics, TemporalFilter, ThemeSelector, VerticalClusterList } from "components"; import "./App.scss"; import type IDEPort from "ide/IDEPort"; @@ -74,14 +75,18 @@ const App = () => {
-
+
{filteredData.length !== 0 ? ( - <> +
- +
) : ( -
NO COMMIT EXISTS
+
+ +

No Commits Found.

+

Make at least one commit to proceed.

+
)}
diff --git a/packages/view/src/assets/monoLogo.svg b/packages/view/src/assets/monoLogo.svg new file mode 100644 index 00000000..1f838028 --- /dev/null +++ b/packages/view/src/assets/monoLogo.svg @@ -0,0 +1,10 @@ + + + + + + + + + +