only put heavy components if truly needed

src/components/attachment/attachment.style.js

@@ -1,27 +0,0 @@
-export default {
-  name: 'Attachment',
-  selector: '.Attachment',
-  notEditable: true,
-  validInnerComponents: [
-    'Border',
-    'Button',
-    'Input'
-  ],
-  defaultRules: [
-    {
-      directives: {
-        roundness: 3
-      }
-    },
-    {
-      component: 'Button',
-      parent: {
-        component: 'Attachment'
-      },
-      directives: {
-        background: '#FFFFFF',
-        opacity: 0.5
-      }
-    }
-  ]
-}

src/components/chat_message/chat_message.style.js

@@ -8,9 +8,9 @@ export default {
     'Text',
     'Icon',
     'Border',
-    'Button',
+    // Optimization: don't put heavy components unless needed
+    // 'Button',
     'RichContent',
-    'Attachment',
     'PollGraph'
   ],
   defaultRules: [

src/components/list/list_item.style.js

@@ -10,8 +10,9 @@ export default {
     'Link',
     'Icon',
     'Border',
-    'Button',
-    'ButtonUnstyled',
+    // Optimization: don't put heavy components unless needed
+    // 'Button',
+    // 'ButtonUnstyled',
     'RichContent',
     'Input',
     'Avatar'

src/components/mobile_drawer.style.js

@@ -6,9 +6,10 @@ export default {
     'Link',
     'Icon',
     'Border',
-    'Button',
-    'ButtonUnstyled',
-    'Input',
+    // Optimization: don't put heavy components unless needed
+    // 'Button',
+    // 'ButtonUnstyled',
+    // 'Input',
     'PanelHeader',
     'MenuItem',
     'Notification',

src/components/notification/notification.style.js

@@ -6,12 +6,12 @@ export default {
     'Link',
     'Icon',
     'Border',
-    'Button',
-    'ButtonUnstyled',
+    // Optimization: don't put heavy components unless needed
+    // 'Button',
+    // 'ButtonUnstyled',
     'RichContent',
-    'Input',
+    // 'Input',
     'Avatar',
-    'Attachment',
     'PollGraph'
   ],
   defaultRules: []

src/components/panel.style.js

@@ -6,9 +6,10 @@ export default {
     'Link',
     'Icon',
     'Border',
-    'Button',
-    'ButtonUnstyled',
-    'Input',
+    // Optimization: don't put heavy components unless needed
+    // 'Button',
+    // 'ButtonUnstyled',
+    // 'Input',
     'PanelHeader',
     'MenuItem',
     'Post',
@@ -16,7 +17,6 @@ export default {
     'Alert',
     'UserCard',
     'Chat',
-    'Attachment',
     'Tab',
     'ListItem'
   ],
@@ -25,8 +25,9 @@ export default {
     'Link',
     'Icon',
     'Border',
-    'Button',
-    'Input',
+    // Optimization: don't put heavy components unless needed
+    // 'Button',
+    // 'Input',
     'PanelHeader',
     'Alert'
   ],

src/components/popover.style.js

@@ -10,9 +10,10 @@ export default {
     'Link',
     'Icon',
     'Border',
-    'Button',
-    'ButtonUnstyled',
-    'Input',
+    // Optimization: don't put heavy components unless needed
+    // 'Button',
+    // 'ButtonUnstyled',
+    // 'Input',
     'MenuItem',
     'Post',
     'UserCard'

src/components/status/post.style.js

@@ -9,12 +9,12 @@ export default {
     'Link',
     'Icon',
     'Border',
-    'Button',
-    'ButtonUnstyled',
+    // Optimization: don't put heavy components unless needed
+    // 'Button',
+    // 'ButtonUnstyled',
     'RichContent',
     'Input',
     'Avatar',
-    'Attachment',
     'PollGraph'
   ],
   validInnerComponentsLite: [

src/components/top_bar.style.js

@@ -5,8 +5,9 @@ export default {
     'Link',
     'Text',
     'Icon',
-    'Button',
-    'ButtonUnstyled',
+    // Optimization: don't put heavy components unless needed
+    // 'Button',
+    // 'ButtonUnstyled',
     'Input',
     'Badge'
   ],

src/components/user_card/user_card.style.js

@@ -6,8 +6,9 @@ export default {
     'Text',
     'Link',
     'Icon',
-    'Button',
-    'ButtonUnstyled',
+    // Optimization: don't put heavy components unless needed
+    // 'Button',
+    // 'ButtonUnstyled',
     'Input',
     'RichContent',
     'Alert'

src/services/theme_data/theme2_to_theme3.js

@@ -244,9 +244,6 @@ export const convertTheme2To3 = (data) => {
         case 'tooltip':
           rule.component = 'Popover'
           break
-        case 'attachment':
-          rule.component = 'Attachment'
-          break
         case 'ChatMessage':
           rule.component = 'Button'
           break

src/services/theme_data/theme_data_3.service.js

@@ -33,7 +33,6 @@ const components = {
   Icon: null,
   Border: null,
   PanelHeader: null,
-  Attachment: null,
   Panel: null,
   Chat: null,
   ChatMessage: null,