Add back arrow to app (#152)

* Add back arrow * Add changeset
v3xlabs · Oct 25, 2022 · d4efd45 · d4efd45
1 parent fea6493
commit d4efd45
Show file tree

Hide file tree

Showing 3 changed files with 15 additions and 3 deletions.
diff --git a/.changeset/new-knives-explain.md b/.changeset/new-knives-explain.md
@@ -0,0 +1,5 @@
+---
+"@edgelabs/app": minor
+---
+
+Add back button to app
diff --git a/apps/app/.env.example b/apps/app/.env.example
@@ -1 +1 @@
-API_URL=https://signal.lvksh.cloud
+VITE_API_URL=https://api.edgeserver.io
diff --git a/apps/app/src/pages/app/index.tsx b/apps/app/src/pages/app/index.tsx
@@ -8,6 +8,7 @@ import { ApplicationListData } from '@utils/queries/useApps';
 import { useDeployments } from '@utils/queries/useDeployments';
 import { useJWT } from '@utils/useAuth';
 import { FC, useEffect, useState } from 'react';
+import { ChevronLeft } from 'react-feather';
 import { Link } from 'react-router-dom';
 
 import { DeploymentLink } from './deployments';
@@ -52,9 +53,15 @@ export const AppPage: FC = () => {
 
     return (
         <div className="containerd">
-            <div className="containerc pt-8 flex flex-col gap-4">
+            <div className="containerc pt-8 flex flex-col gap-4 relative">
                 <link rel="shortcut icon" href={app.favicon_url} />
-                <div className="flex">
+                <Link
+                    to="/"
+                    className="absolute -left-10 p-1 rounded-full hover:bg-black-700 transition-all hidden lg:block"
+                >
+                    <ChevronLeft size={24} />
+                </Link>
+                <div>
                     <h2 className="text-2xl flex-grow block">{app.name}</h2>
                 </div>
                 <Tabs
Original file line number	Diff line number	Diff line change
		@@ -1 +1 @@
		API_URL=https://signal.lvksh.cloud
		VITE_API_URL=https://api.edgeserver.io