Adding Catalog initially to first hotbar

Signed-off-by: Alex Andreev <alex.andreev.email@gmail.com>

src/common/hotbar-store.ts

@@ -26,6 +26,7 @@ import * as uuid from "uuid";
 import isNull from "lodash/isNull";
 import { toJS } from "./utils";
 import { CatalogEntity } from "./catalog";
+import { catalogEntity } from "../main/catalog-sources/general";
 
 export interface HotbarItem {
   entity: {
@@ -92,7 +93,13 @@ export class HotbarStore extends BaseStore<HotbarStoreModel> {
   }
 
   get initialItems() {
-    return [...Array.from(Array(defaultHotbarCells).fill(null))];
+    const { metadata: { uid, name, source } } = catalogEntity;
+    const initialItem = { entity: { uid, name, source }};
+
+    return [
+      initialItem,
+      ...Array.from(Array(defaultHotbarCells - 1).fill(null))
+    ];
   }
 
   @action protected async fromStore(data: Partial<HotbarStoreModel> = {}) {

src/main/catalog-sources/general.ts

@@ -24,12 +24,11 @@ import { GeneralEntity } from "../../common/catalog-entities/general";
 import { catalogURL, preferencesURL } from "../../common/routes";
 import { catalogEntityRegistry } from "../catalog";
 
-const generalEntities = observable([
+export const catalogEntity = new GeneralEntity({
-  new GeneralEntity({
   metadata: {
     uid: "catalog-entity",
     name: "Catalog",
-      source: "local",
+    source: "app",
     labels: {}
   },
   spec: {
@@ -42,12 +41,13 @@ const generalEntities = observable([
   status: {
     phase: "active",
   }
-  }),
+});
-  new GeneralEntity({
+
+const preferencesEntity = new GeneralEntity({
   metadata: {
     uid: "preferences-entity",
     name: "Preferences",
-      source: "local",
+    source: "app",
     labels: {}
   },
   spec: {
@@ -60,7 +60,11 @@ const generalEntities = observable([
   status: {
     phase: "active",
   }
-  })
+});
+
+const generalEntities = observable([
+  catalogEntity,
+  preferencesEntity
 ]);
 
 export function addGeneralEntities() {

src/renderer/components/hotbar/hotbar-icon.scss

@@ -130,5 +130,6 @@
     margin-left: 1px;
     margin-top: 1px;
     text-shadow: none;
+    font-size: 180%;
   }
 }