From fa4469b4f97d904432c62ffc2c943ec34274d0e6 Mon Sep 17 00:00:00 2001
From: "H. Kamran" <hkamran@hkamran.com>
Date: Thu, 23 Feb 2023 22:46:17 -0800
Subject: [PATCH 1/2] feat: add link title

---
 src/popup/App.vue | 16 +++++++++++++++-
 1 file changed, 15 insertions(+), 1 deletion(-)

diff --git a/src/popup/App.vue b/src/popup/App.vue
index 3a6dc9a..c34e959 100644
--- a/src/popup/App.vue
+++ b/src/popup/App.vue
@@ -4,6 +4,7 @@
 	</div>
 	<div v-else-if="state === 'done'" class="add-wrapper">
 		<div class="inputs">
+            <input v-model="title" id="input" class="input" placeholder="Link title (optional)">
 			<textarea v-model="url" v-focus class="input" placeholder="url" rows="3"></textarea>
 		</div>
 		<hr>
@@ -56,6 +57,7 @@
 		data() {
 			return {
 				state: 'load',
+                title:undefined,
 				link: undefined,
 				url: undefined,
 				detaInstance: undefined,
@@ -133,6 +135,7 @@
 				try {
 					this.state = 'loading'
 					const res = await axios.post(`${ this.detaInstance }api/link`, {
+                        title: this.title,
 						url: this.url,
 						crate: this.selectedCrate
 					}, this.appApiKey ? {
@@ -147,6 +150,7 @@
 						return
 					}
 
+                    this.title = undefined
 					this.link = res.data.data
 					this.url = undefined
 					this.state = 'success'
@@ -208,7 +212,17 @@
 	.inputs {
 		padding: var(--padding-x);
 		padding-bottom: 0.5rem;
-	}
+	
+        input {
+            margin-top: 0.5rem;
+            margin-bottom: 0.5rem;
+            background: var(--grey) !important;
+
+            &:focus {
+                border: 2px solid var(--grey-light) !important;
+            }
+        }
+    }
 
 	.actions {
 		display: flex;

From 3334f3f59e032ddb2f0a10f3a6dca097a52ea07b Mon Sep 17 00:00:00 2001
From: "H. Kamran" <hkamran@hkamran.com>
Date: Thu, 23 Feb 2023 22:47:56 -0800
Subject: [PATCH 2/2] Add space

---
 src/popup/App.vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/popup/App.vue b/src/popup/App.vue
index c34e959..b61ef8d 100644
--- a/src/popup/App.vue
+++ b/src/popup/App.vue
@@ -57,7 +57,7 @@
 		data() {
 			return {
 				state: 'load',
-                title:undefined,
+                title: undefined,
 				link: undefined,
 				url: undefined,
 				detaInstance: undefined,