From 27350f27bab16149df194a5b0b499c22e6667659 Mon Sep 17 00:00:00 2001
From: Pietro Tamburini <pietro.tamburini.3@gmail.com>
Date: Mon, 29 Apr 2024 16:01:01 +0200
Subject: [PATCH] feat: minor changes

---
 Makefile                                  |  1 +
 frontend/src/api/files.ts                 |  4 +---
 frontend/src/components/prompts/Share.vue | 11 +++++------
 frontend/src/css/_buttons.css             |  3 +--
 frontend/src/css/_inputs.css              |  2 +-
 frontend/src/css/dashboard.css            |  2 +-
 frontend/src/css/listing.css              |  2 +-
 frontend/src/views/files/FileListing.vue  |  6 +++---
 8 files changed, 14 insertions(+), 17 deletions(-)

diff --git a/Makefile b/Makefile
index baecd0f3..158d0832 100644
--- a/Makefile
+++ b/Makefile
@@ -53,6 +53,7 @@ bump-version: $(standard-version) ## Bump app version
 	$Q ./scripts/bump_version.sh
 
 ## Help:
+.DEFAULT_GOAL := help
 help: ## Show this help
 	@echo ''
 	@echo 'Usage:'
diff --git a/frontend/src/api/files.ts b/frontend/src/api/files.ts
index a36de03f..c398f84f 100644
--- a/frontend/src/api/files.ts
+++ b/frontend/src/api/files.ts
@@ -40,9 +40,7 @@ async function resourceAction(url: string, method: ApiMethod, content?: any) {
     opts.body = content;
   }
 
-  const res = await fetchURL(`/api/resources${url}`, opts);
-
-  return res;
+  return await fetchURL(`/api/resources${url}`, opts);
 }
 
 export async function remove(url: string) {
diff --git a/frontend/src/components/prompts/Share.vue b/frontend/src/components/prompts/Share.vue
index 6b15ffcd..43a46530 100644
--- a/frontend/src/components/prompts/Share.vue
+++ b/frontend/src/components/prompts/Share.vue
@@ -142,7 +142,7 @@
 <script>
 import { mapActions, mapState } from "pinia";
 import { useFileStore } from "@/stores/file";
-import { share as api, pub as pub_api } from "@/api";
+import { pub as pub_api, share as api } from "@/api";
 import dayjs from "dayjs";
 import { useLayoutStore } from "@/stores/layout";
 import { copy } from "@/utils/clipboard";
@@ -182,11 +182,10 @@ export default {
   },
   async beforeMount() {
     try {
-      const links = await api.get(this.url);
-      this.links = links;
+      this.links = await api.get(this.url);
       this.sort();
 
-      if (this.links.length == 0) {
+      if (this.links.length === 0) {
         this.listing = false;
       }
     } catch (e) {
@@ -234,7 +233,7 @@ export default {
         await api.remove(link.hash);
         this.links = this.links.filter((item) => item.hash !== link.hash);
 
-        if (this.links.length == 0) {
+        if (this.links.length === 0) {
           this.listing = false;
         }
       } catch (e) {
@@ -263,7 +262,7 @@ export default {
       });
     },
     switchListing() {
-      if (this.links.length == 0 && !this.listing) {
+      if (this.links.length === 0 && !this.listing) {
         this.closeHovers();
       }
 
diff --git a/frontend/src/css/_buttons.css b/frontend/src/css/_buttons.css
index cbfc92ae..01073ed5 100644
--- a/frontend/src/css/_buttons.css
+++ b/frontend/src/css/_buttons.css
@@ -1,8 +1,7 @@
 .button {
   outline: 0;
-  border: 0;
   padding: 0.5em 1em;
-  border-radius: 0.1em;
+  border-radius: 0.25em;
   cursor: pointer;
   background: var(--blue);
   color: white;
diff --git a/frontend/src/css/_inputs.css b/frontend/src/css/_inputs.css
index a0063f83..67001513 100644
--- a/frontend/src/css/_inputs.css
+++ b/frontend/src/css/_inputs.css
@@ -2,7 +2,7 @@
   background: var(--surfacePrimary);
   color: var(--textSecondary);
   border: 1px solid var(--borderPrimary);
-  border-radius: 0.1em;
+  border-radius: 0.35em;
   padding: 0.5em 1em;
   transition: 0.2s ease all;
   margin: 0;
diff --git a/frontend/src/css/dashboard.css b/frontend/src/css/dashboard.css
index 48be3ee0..c3753db1 100644
--- a/frontend/src/css/dashboard.css
+++ b/frontend/src/css/dashboard.css
@@ -161,7 +161,7 @@ table tr > *:last-child {
   margin: 0 0 1rem 0;
   background: var(--surfacePrimary);
   color: var(--textSecondary);
-  border-radius: 2px;
+  border-radius: 7px;
   box-shadow:
     0 2px 2px 0 rgba(0, 0, 0, 0.14),
     0 1px 5px 0 rgba(0, 0, 0, 0.12),
diff --git a/frontend/src/css/listing.css b/frontend/src/css/listing.css
index 565815a4..4b57b2a6 100644
--- a/frontend/src/css/listing.css
+++ b/frontend/src/css/listing.css
@@ -93,7 +93,7 @@ html[dir="rtl"] #listing {
   width: calc(33% - 1em);
   margin: 0.5em;
   padding: 0.5em;
-  border-radius: 0.2em;
+  border-radius: 0.5em;
   box-shadow:
     0 1px 3px rgba(0, 0, 0, 0.06),
     0 1px 2px rgba(0, 0, 0, 0.12);
diff --git a/frontend/src/views/files/FileListing.vue b/frontend/src/views/files/FileListing.vue
index a26ac67e..810f7511 100644
--- a/frontend/src/views/files/FileListing.vue
+++ b/frontend/src/views/files/FileListing.vue
@@ -444,7 +444,7 @@ watch(req, () => {
 
 onMounted(() => {
   // Check the columns size for the first time.
-  colunmsResize();
+  columnsResize();
 
   // How much every listing item affects the window height
   setItemWeight();
@@ -638,7 +638,7 @@ const paste = (event: Event) => {
   action(overwrite, rename);
 };
 
-const colunmsResize = () => {
+const columnsResize = () => {
   // Update the columns size based on the window width.
   let items_ = css(["#listing.mosaic .item", ".mosaic#listing .item"]);
   if (items_ === null) return;
@@ -846,7 +846,7 @@ const toggleMultipleSelection = () => {
 };
 
 const windowsResize = throttle(() => {
-  colunmsResize();
+  columnsResize();
   width.value = window.innerWidth;
 
   // Listing element is not displayed