diff --git a/packages/appstore/webpack.config.js b/packages/appstore/webpack.config.js
index 120afce6e79b..69e9bbcafea4 100644
--- a/packages/appstore/webpack.config.js
+++ b/packages/appstore/webpack.config.js
@@ -108,7 +108,7 @@ module.exports = function (env) {
{
loader: 'css-loader',
options: {
- url: false,
+ url: (_, resourcePath) => resourcePath.includes('packages/wallets'),
},
},
{
@@ -139,7 +139,24 @@ module.exports = function (env) {
},
{
test: /\.svg$/,
- exclude: /node_modules|public\//,
+ issuer: /\/packages\/wallets\/.*(\/)?.*.scss/,
+ exclude: /node_modules/,
+ include: /public\//,
+ type: 'asset/resource',
+ generator: {
+ filename: 'appstore/wallets/public/[name].[contenthash][ext]',
+ },
+ },
+ {
+ test: /\.svg$/,
+ issuer: /\/packages\/wallets\/.*(\/)?.*.tsx/,
+ exclude: /node_modules/,
+ include: /public\//,
+ use: svg_loaders,
+ },
+ {
+ test: /\.svg$/,
+ exclude: [/node_modules|public\//],
use: svg_loaders,
},
],
diff --git a/packages/wallets/src/AppContent.tsx b/packages/wallets/src/AppContent.tsx
index 362923fad06e..bde18fd550ca 100644
--- a/packages/wallets/src/AppContent.tsx
+++ b/packages/wallets/src/AppContent.tsx
@@ -1,10 +1,14 @@
import React from 'react';
import WalletList from './components/WalletList';
import WalletsCarousel from './components/WalletCarousel';
+import IcBrandDerivGo from './public/ic-brand-derivgo.svg';
+import './app-content.scss';
const AppContent: React.FC = () => {
return (
diff --git a/packages/wallets/src/app-content.scss b/packages/wallets/src/app-content.scss
new file mode 100644
index 000000000000..69bb50e7165e
--- /dev/null
+++ b/packages/wallets/src/app-content.scss
@@ -0,0 +1,6 @@
+.icon {
+ width: 100px;
+ height: 100px;
+ background-image: url('./public/ic-appstore-deriv-logo.svg');
+ background-size: cover;
+}
diff --git a/packages/wallets/src/public/ic-appstore-deriv-logo.svg b/packages/wallets/src/public/ic-appstore-deriv-logo.svg
new file mode 100644
index 000000000000..101a7bf1136b
--- /dev/null
+++ b/packages/wallets/src/public/ic-appstore-deriv-logo.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/packages/wallets/src/public/ic-appstore-deriv-trading-logo.svg b/packages/wallets/src/public/ic-appstore-deriv-trading-logo.svg
new file mode 100644
index 000000000000..6409c1045406
--- /dev/null
+++ b/packages/wallets/src/public/ic-appstore-deriv-trading-logo.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/packages/wallets/src/public/ic-brand-derivgo.svg b/packages/wallets/src/public/ic-brand-derivgo.svg
new file mode 100644
index 000000000000..ab1c69faaf53
--- /dev/null
+++ b/packages/wallets/src/public/ic-brand-derivgo.svg
@@ -0,0 +1 @@
+
\ No newline at end of file