feat: add backrest logo

Author: garethgeorge

README.md

@@ -1,4 +1,4 @@
-# Backrest
+<img src="./webui/assets/logo-black.svg" width="400px"/>
 
 [![Build and Test](https://github.com/garethgeorge/backrest/actions/workflows/build-and-test.yml/badge.svg)](https://github.com/garethgeorge/backrest/actions/workflows/build-and-test.yml)
 

proto/v1/service.proto

@@ -57,6 +57,15 @@ service Backrest {
   rpc PathAutocomplete (types.StringValue) returns (types.StringList) {}
 }
 
+message LoginRequest {
+  string username = 1;
+  string password = 2;
+}
+
+message LoginResponse {
+  string jwt = 1;
+}
+
 message ClearHistoryRequest {
   string repo_id = 1;
   string plan_id = 2;

webui/assets/logo-black.svg

@@ -1,6 +1,6 @@
 export const isMobile = () => {
   // check if window is narrow 
-  if (window.innerWidth <= 768) {
+  if (window.innerWidth <= 1024) {
     return true;
   }
   // check if user agent is mobile

webui/assets/logo.svg

@@ -20,6 +20,7 @@ import { uiBuildVersion } from "../state/buildcfg";
 import { ActivityBar } from "../components/ActivityBar";
 import { OperationStatus } from "../../gen/ts/v1/operations_pb";
 import { colorForStatus, getStatusForPlan, getStatusForRepo, subscribeToOperations, unsubscribeFromOperations } from "../state/oplog";
+import LogoSvg from "url:../../assets/logo.svg";
 import _ from "lodash";
 
 const { Header, Sider } = Layout;
@@ -60,16 +61,17 @@ export const App: React.FC = () => {
           display: "flex",
           alignItems: "center",
           width: "100vw",
+          height: "60px",
           backgroundColor: "#1b232c",
         }}
       >
+        <a
+          style={{ color: colorTextLightSolid }}
+          onClick={() => setContent(null, [])}
+        >
+          <img src={LogoSvg} style={{ height: "30px", color: "white", marginBottom: "-8px", paddingRight: "10px", }} />
+        </a>
         <h1>
-          <a
-            style={{ color: colorTextLightSolid }}
-            onClick={() => setContent(null, [])}
-          >
-            Backrest{" "}
-          </a>
           <small style={{ color: "rgba(255,255,255,0.3)", fontSize: "0.6em" }}>
             {uiBuildVersion}
           </small>

webui/src/lib/browserutil.ts

@@ -115,11 +115,6 @@ export const RepoView = ({ repo }: React.PropsWithChildren<{ repo: Repo }>) => {
             Index Snapshots
           </SpinButton>
         </Tooltip>
-        <Tooltip title="Computes stats for the repository. May take some time to refresh.">
-          <SpinButton type="default" onClickAsync={handleIndexNow}>
-            Index Snapshots
-          </SpinButton>
-        </Tooltip>
       </Flex>
       <Tabs
         defaultActiveKey={items[0].key}