diff --git a/ui/build.js b/ui/build.js
index 9767336a..c53c5d61 100644
--- a/ui/build.js
+++ b/ui/build.js
@@ -1,4 +1,4 @@
-const fs = require('fs')
+const fs = require('fs-extra')
const esbuild = require('esbuild')
const bs = require('browser-sync').create()
const historyApiFallback = require('connect-history-api-fallback')
@@ -38,6 +38,9 @@ fs.rmdirSync('dist/', {
})
fs.mkdirSync('dist/')
fs.copyFileSync('src/index.html', 'dist/index.html')
+fs.copyFileSync('src/manifest.webmanifest', 'dist/manifest.json')
+fs.copyFileSync('src/favicon.ico', 'dist/favicon.ico')
+fs.copySync('src/assets/', 'dist/assets/')
if (watchMode) {
let builderPromise = esbuild.build(esbuildOptions)
diff --git a/ui/package-lock.json b/ui/package-lock.json
index 66355f1c..3db7d4c4 100644
--- a/ui/package-lock.json
+++ b/ui/package-lock.json
@@ -47,6 +47,7 @@
"eslint-plugin-jest-dom": "^3.6.3",
"eslint-plugin-react": "^7.21.5",
"eslint-plugin-react-hooks": "^4.2.0",
+ "fs-extra": "^4.0.3",
"husky": "^4.3.5",
"jest": "^26.6.3",
"lint-staged": "^10.5.3",
diff --git a/ui/package.json b/ui/package.json
index de7d8aa3..eff4c506 100644
--- a/ui/package.json
+++ b/ui/package.json
@@ -49,6 +49,7 @@
"eslint-plugin-jest-dom": "^3.6.3",
"eslint-plugin-react": "^7.21.5",
"eslint-plugin-react-hooks": "^4.2.0",
+ "fs-extra": "^4.0.3",
"husky": "^4.3.5",
"jest": "^26.6.3",
"lint-staged": "^10.5.3",
diff --git a/ui/src/favicon.ico b/ui/src/favicon.ico
new file mode 100644
index 00000000..add7d3e5
Binary files /dev/null and b/ui/src/favicon.ico differ
diff --git a/ui/src/index.html b/ui/src/index.html
index 9ddd4acf..62815dba 100644
--- a/ui/src/index.html
+++ b/ui/src/index.html
@@ -3,12 +3,12 @@
-
+
-
+
diff --git a/ui/src/manifest.webmanifest b/ui/src/manifest.webmanifest
index 7ddc0ee3..36ff4e94 100644
--- a/ui/src/manifest.webmanifest
+++ b/ui/src/manifest.webmanifest
@@ -8,15 +8,15 @@
"background_color": "white",
"icons": [
{
- "src": "./assets/logo192.png",
+ "src": "/assets/logo192.png",
"sizes": "192x192"
},
{
- "src": "./assets/logo512.png",
+ "src": "/assets/logo512.png",
"sizes": "512x512"
},
{
- "src": "./assets/photoview-logo.svg",
+ "src": "/assets/photoview-logo.svg",
"sizes": "150x150"
}
]