- Fix #52

.gitignore

@@ -8,10 +8,12 @@
 /out-tsc
 /app-builds
 /release
+__pycache__
 main.js
 src/**/*.js
 !src/karma.conf.js
 *.js.map
+*.pyc
 
 # dependencies
 /node_modules

package.json

@@ -1,6 +1,6 @@
 {
   "name": "emoji-keyboard",
-  "version": "3.0.0rc0",
+  "version": "3.0.0rc1",
   "description": "Type emoji easily! Virtual keyboard-like emoji palette for Linux with lots of features.",
   "homepage": "https://github.com/OzymandiasTheGreat/emoji-keyboard",
   "repository": "https://github.com/OzymandiasTheGreat/emoji-keyboard",
@@ -81,6 +81,7 @@
     "@mdi/font": "4.9.95",
     "custom-electron-titlebar": "3.2.2-hotfix62",
     "ini": "1.3.5",
+    "npm-run-all": "4.1.5",
     "object-observer": "2.5.2",
     "python-shell": "1.0.8",
     "spinkit": "2.0.1",

pyproject.toml

@@ -1,6 +1,6 @@
 [tool.poetry]
 name = "emoji-keyboard"
-version = "3.0.0rc0"
+version = "3.0.0rc1"
 description = "Type emoji easily! Virtual keyboard-like emoji palette for Linux with lots of features."
 authors = ["Ozymandias <tomas.rav@gmail.com>"]
 license = "GPL-3.0-or-later"

setup.py

@@ -13,7 +13,7 @@
 
 setup(
 	name = 'emoji-keyboard',
-	version = '3.0.0rc0',
+	version = '3.0.0rc1',
 	description = 'Type emoji easily! Virtual keyboard-like emoji palette with lots of features.',
 	long_description = None,
 	author = 'Ozymandias (Tomas Ravinskas)',

src/app/components/settings/settings.component.html

@@ -42,7 +42,7 @@
 	<mat-form-field>
 		<mat-select #skinTone color="accent" [value]="prefs.settings.skin_tone">
 			<mat-option *ngFor="let tone of skinTones" [value]="tone">
-				<img [src]="tonePath + tone + '.svg' | safeRes" alt="None">
+				<img [src]="join(tonePath, tone) | safeRes" alt="None">
 			</mat-option>
 		</mat-select>
 	</mat-form-field>

src/app/components/settings/settings.component.ts

@@ -1,3 +1,5 @@
+import * as path from "path";
+
 import { Component, OnInit, AfterViewInit, Inject, ViewChild, ElementRef } from '@angular/core';
 
 import { MatSelect } from "@angular/material/select";
@@ -70,4 +72,8 @@ export class SettingsComponent implements OnInit, AfterViewInit {
 		Object.assign(this.prefs.hotkeys, hotkeys);
 		this.prefs.save();
 	}
+
+	join(root: string, file: string): string {
+		return path.join(root, `${file}.svg`);
+	}
 }