Added ShopItem component to be used in ShopPanel component

• Added:
- ShopItem component to be used in ShopPanel component

app/javascript/gabsocial/components/shop_item.js

@@ -0,0 +1,59 @@
+import { DEFAULT_REL } from '../constants'
+import Image from './image'
+import Text from './text'
+
+class ShopItem extends PureComponent {
+
+  render() {
+    const {
+      image,
+      link,
+      name,
+      price,
+    } = this.props
+
+    return (
+      <a
+        className={[_s.default, _s.width50PC, _s.noUnderline, _s.overflowHidden, _s.cursorPointer, _s.pb15, _s.pr5].join(' ')}
+        target='_blank'
+        rel={DEFAULT_REL}
+        href={link}
+        title={name}
+      >
+        <Image
+          src={image}
+          className={[_s.width100PC, _s.height122PX].join(' ')}
+        />
+
+        <Text
+          align='center'
+          className={[_s.pt10, _s.px10].join(' ')}
+        >
+          {name}
+        </Text>
+
+        {
+          !!price &&
+          <Text
+            size='small'
+            align='center'
+            color='tertiary'
+            className={[_s.pt5, _s.px10].join(' ')}
+          >
+            {price}
+          </Text>
+        }
+      </a>
+    )
+  }
+
+}
+
+ShopItem.propTypes = {
+  image: PropTypes.string.isRequired,
+  link: PropTypes.string.isRequired,
+  name: PropTypes.string.isRequired,
+  price: PropTypes.string,
+}
+
+export default ShopItem