🍚 Add icons.FlagIconPack

src/icons/ts/components/FlagIconPack.tsx

@@ -0,0 +1,26 @@
+import React from 'react';
+import IconPack from './IconPack';
+import {DazzlerProps} from '../../../commons/js/types';
+
+/**
+ * Free icon pack from https://github.com/lipis/flag-icons
+ *
+ * :Pack: ``flag-icon``
+ *
+ * :Example:
+ *
+ *     icons.FlagIconPack()
+ *     icons.Icon('flag-icon flag-icon-ca')
+ */
+const FlagIconPack = (_: DazzlerProps) => {
+    return (
+        <IconPack
+            name="flag-icon"
+            url="https://cdnjs.cloudflare.com/ajax/libs/flag-icon-css/4.1.5/css/flag-icons.min.css"
+        />
+    );
+};
+
+FlagIconPack.defaultProps = {};
+
+export default FlagIconPack;

src/icons/ts/components/Icon.tsx

@@ -38,7 +38,7 @@ const Icon = (props: Props) => {
 
     const pack = useMemo(() => {
         if (icon_pack) {
-            return pack;
+            return icon_pack;
         }
         const split1 = name.split(' ');
         if (split1.length > 1) {

src/icons/ts/index.ts

@@ -5,6 +5,7 @@ import LinearIconPack from './components/LinearIconPack';
 import FoundIconPack from './components/FoundIconPack';
 import OpenIconicPack from './components/OpenIconicPack';
 import TypiconsPack from './components/TypiconsPack';
+import FlagIconPack from './components/FlagIconPack';
 
 export {
     Icon,
@@ -14,4 +15,5 @@ export {
     FoundIconPack,
     OpenIconicPack,
     TypiconsPack,
+    FlagIconPack,
 };

tests/components/pages/icons.py

@@ -13,9 +13,11 @@
         icons.FoundIconPack(),
         icons.OpenIconicPack(),
         icons.TypiconsPack(),
+        icons.FlagIconPack(),
         core.Container(icons.Icon('lnr-home'),),
         core.Container(icons.Icon('fi-home')),
         core.Container(icons.Icon('oi-bug')),
         core.Container(icons.Icon('typcn-globe')),
+        core.Container(icons.Icon('flag-icon-gr', icon_pack='flag-icon'))
     ])
 )