Release 1.3.0

packages/homehub_components/src/FatalError.js

@@ -0,0 +1,20 @@
+import {IconArrowsExclamation, Icon} from '@bthlabs/homehub-icons';
+import ClassName from 'classnames';
+import React from 'react';
+
+export const FatalError = (props) => {
+  const className = ClassName('FatalError', props.className);
+
+  return (
+    <div className={className}>
+      <Icon icon={IconArrowsExclamation} size="0.8rem" />
+      <p>
+        The service <code>{props.service.kind}:{props.service.instance}</code>
+        {' '}
+        has encountered an error:
+        {' '}
+        <code>{props.serviceState.error().message}</code>
+      </p>
+    </div>
+  );
+};

packages/homehub_components/src/Widget.js

@@ -0,0 +1,21 @@
+import ClassName from 'classnames';
+import React from 'react';
+
+export const Widget = (props) => {
+  const className = ClassName('Widget', props.className);
+
+  const style = {};
+  if (props.appearance) {
+    if (props.appearance.color) {
+      style.backgroundColor = props.appearance.color;
+    }
+  }
+
+  return (
+    <div className={className} style={style}>
+      <div className="widget-content">
+        {props.children}
+      </div>
+    </div>
+  );
+};

packages/homehub_components/src/index.js

@@ -0,0 +1,8 @@
+/*!
+ * BTHLabs HomeHub - Components (https://bthlabs.pl/)
+ * Copyright 2021-present BTHLabs
+ * Apache License Version 2.0
+ */
+
+export {FatalError} from './FatalError';
+export {Widget} from './Widget';