From 31eb49174dc121facf95884ec94eccdd2f246be2 Mon Sep 17 00:00:00 2001
From: Tyler Brown Cifu Shuster <tyler@fivepaths.com>
Date: Fri, 14 Aug 2020 13:39:37 -0700
Subject: [PATCH] interface: makes embed button a button

---
 .../views/apps/chat/components/lib/content/url.js    | 12 ++++++++----
 1 file changed, 8 insertions(+), 4 deletions(-)

diff --git a/pkg/interface/src/views/apps/chat/components/lib/content/url.js b/pkg/interface/src/views/apps/chat/components/lib/content/url.js
index 21fb6dff14..a6f1f989a5 100644
--- a/pkg/interface/src/views/apps/chat/components/lib/content/url.js
+++ b/pkg/interface/src/views/apps/chat/components/lib/content/url.js
@@ -1,4 +1,5 @@
 import React, { Component } from 'react';
+import { Button } from '@tlon/indigo-react';
 
 const IMAGE_REGEX = new RegExp(/(jpg|img|png|gif|tiff|jpeg|webp|webm|svg)$/i);
 
@@ -79,11 +80,14 @@ export default class UrlContent extends Component {
           >
             {content.url}
           </a>
-          <a className="bs ml2 f7 pointer lh-copy v-top"
-             onClick={e => this.unfoldEmbed()}
+          <Button
+            border={1}
+            style={{ display: 'inline-flex', height: '1.66em' }} // Height is hacked to line-height until Button supports proper size
+            ml={1}
+            onClick={e => this.unfoldEmbed()}
           >
-            [embed]
-          </a>
+            {this.state.unfold ? 'collapse' : 'embed'}
+          </Button>
           {contents}
         </div>
       );