[mobile] added SvgIcon component

ONLYOFFICE · Dec 14, 2024 · 60e616b · 60e616b
1 parent 6dcbbf0
commit 60e616b
Show file tree

Hide file tree

Showing 4 changed files with 26 additions and 1 deletion.
diff --git a/apps/common/mobile/lib/component/SvgIcon.jsx b/apps/common/mobile/lib/component/SvgIcon.jsx
@@ -0,0 +1,9 @@
+import React from 'react';
+
+export default function SvgIcon({ symbolId, className = 'svg-icon', ...props }) {
+    return (
+        <svg className={className} {...props}>
+            <use href={`#${symbolId}`} />
+        </svg>
+    );
+}
diff --git a/apps/common/mobile/resources/less/icons.less b/apps/common/mobile/resources/less/icons.less
@@ -1,6 +1,11 @@
 @import "./ios/icons";
 @import "./material/icons";
 
+.icon-svg {
+    width: 24px;
+    height: 24px;
+}
+
 i.icon {
     &.icon-paste {
         width: 24px;

diff --git a/apps/documenteditor/mobile/src/less/icons-common.less b/apps/documenteditor/mobile/src/less/icons-common.less
@@ -1,3 +1,8 @@
+
+.icon-svg {
+    fill: @brand-word;
+}
+
 // Formats
 
 i.icon {

diff --git a/vendor/framework7-react/build/webpack.config.js b/vendor/framework7-react/build/webpack.config.js
@@ -40,6 +40,7 @@ const config = {
     extensions: ['.js', '.jsx', '.json'],
     alias: {
       '@': resolvePath(`../../apps/${editor}/mobile/src`),
+      '@common': resolvePath('../../apps/common/mobile'),
     },
     modules: [path.resolve(__dirname, '..', 'node_modules'), 'node_modules'],
   },
@@ -176,7 +177,7 @@ const config = {
         ],
       },
       {
-        test: /\.(png|jpe?g|gif|svg)(\?.*)?$/,
+        test: /\.(png|jpe?g|gif)(\?.*)?$/,
         use: [
           {
             loader: 'url-loader',
@@ -189,6 +190,11 @@ const config = {
         ]
       },
       {
+        test: /\.svg$/,
+        use: {
+          loader: "svg-sprite-loader",
+        }
+      },      {
         test: /\.(woff2?|eot|ttf|otf)(\?.*)?$/,
         loader: 'url-loader',
         options: {