feat(url): add current server url to settings

add pointer cursor
remove part in readme

Author: ph1p

README.md

@@ -7,14 +7,6 @@ A plugin to chat in figma files. Fully **encrypted**! (https://github.com/sehrop
 ![](./assets/chat.png)
 ![](./assets/chat-settings.png)
 
-### How to use?
-
-* Open Figma
-* Go to **Plugins**
-* Click on **Browse all plugins**.
-* Search for **Figma chat** and click install
-* Ready!
-
 ### Encrypted? No login?
 
 Yes. When opening the plugin a **room** name and a **secret key** are randomly generated once

src/assets/css/ui.css

@@ -27,6 +27,7 @@ body {
 
 .chat .header .onboarding-tip__icon {
   border-right: 1px solid #e9e9e9;
+  cursor: pointer;
 }
 
 .messages {
@@ -146,6 +147,11 @@ body {
 .settings h4 {
   margin: 0 0 15px;
 }
+.settings p {
+  color: #999;
+  margin: 0;
+  font-size: 10px;
+}
 .settings .fields {
   margin-bottom: 20px;
 }
@@ -158,12 +164,14 @@ body {
   display: grid;
   grid-template-columns: repeat(3, 1fr);
   grid-gap: 32px;
+  margin-bottom: 30px;
 }
 .settings .colors .color {
   position: relative;
   width: 60px;
   height: 60px;
   border-radius: 100%;
+  cursor: pointer;
 }
 .settings .colors .color.active::after {
   content: '';

src/components/settings.tsx

@@ -59,6 +59,8 @@ export default function Settings(props) {
           ))}
         </div>
 
+        <strong>Current Server</strong><p>{settings.url}</p>
+
         {/* <input
           type="input"
           value={settings.url}