wip add friend button

irislib · Feb 27, 2020 · 056c0c2 · 056c0c2
1 parent 4ac589a
commit 056c0c2
Show file tree

Hide file tree

Showing 3 changed files with 19 additions and 0 deletions.
diff --git a/src/css/style.css b/src/css/style.css
@@ -554,3 +554,11 @@ small {
 .peer button {
   margin-left: 5px;
 }
+
+.add-friend {
+  background-color: hsla(194, 55%, 87%, 1);;
+}
+
+.add-friend:hover, .add-friend:active, .add-friend:focus {
+  background-color: hsla(194, 55%, 80%, 1);;
+}
diff --git a/src/index.html b/src/index.html
@@ -249,6 +249,14 @@ <h3>Privacy</h3>
         <div class="content">
           <p class="status"></p>
           <p class="last-active"></p>
+          <!--
+          <p>
+            <button class="add-friend">Add friend</button>
+          </p>
+          <p>
+            <small>Friends can optionally direct connect to each other and store each others' encrypted data.</small>
+          </p>
+        -->
           <p>
             <button class="send-message">Send message</button>
             <button class="copy-user-link">Copy link</button>

diff --git a/src/js/app.js b/src/js/app.js
@@ -625,6 +625,9 @@ function showProfile(pub) {
     $('#profile .profile-photo').attr('src', photo);
   });
   const link = getUserChatLink(pub);
+  $('#profile .add-friend').off().on('click', () => {
+    console.log('add friend');
+  });
   $('#profile .delete-chat').off().on('click', () => deleteChat(pub));
   $('#profile .send-message').off().on('click', () => showChat(pub));
   $('#profile .copy-user-link').off().on('click', event => {