diff --git a/src/images/copy.svg b/src/images/copy.svg
new file mode 100644
index 0000000..1e04fc1
--- /dev/null
+++ b/src/images/copy.svg
@@ -0,0 +1,30 @@
+
diff --git a/src/index.html b/src/index.html
index 1e80493..01755e5 100644
--- a/src/index.html
+++ b/src/index.html
@@ -38,7 +38,7 @@
class="flex flex-1 w-full py-4 focus:outline-none placeholder-gray-400 appearance-none text-black focus:text-black tracking-tighter text-xl lg:text-3xl xl:text-5xl"
/>
@@ -150,162 +130,242 @@
{
id: "1",
icon_name: "Cog",
+ icon_path: "https://randomuser.me/api/portraits/men/1.jpg",
+ icon_keywords: "cog, settings",
},
{
id: "2",
icon_name: "User",
+ icon_path: "https://randomuser.me/api/portraits/men/1.jpg",
+ icon_keywords: "user, people, person, avatar",
},
{
id: "3",
icon_name: "Heart",
+ icon_path: "https://randomuser.me/api/portraits/men/1.jpg",
+ icon_keywords: "heart, love, beating",
},
{
id: "4",
icon_name: "Filter",
+ icon_path: "https://randomuser.me/api/portraits/men/1.jpg",
+ icon_keywords: "filter, filtering",
},
{
id: "5",
icon_name: "Add",
+ icon_path: "https://randomuser.me/api/portraits/men/1.jpg",
+ icon_keywords: "add, plus",
},
{
id: "6",
icon_name: "Minus",
+ icon_path: "https://randomuser.me/api/portraits/men/1.jpg",
+ icon_keywords: "minus, negative",
},
{
id: "7",
icon_name: "Remove",
+ icon_path: "https://randomuser.me/api/portraits/men/1.jpg",
+ icon_keywords: "copy",
},
{
id: "8",
icon_name: "Email",
+ icon_path: "https://randomuser.me/api/portraits/men/1.jpg",
+ icon_keywords: "copy",
},
{
id: "9",
icon_name: "Battery",
+ icon_path: "https://randomuser.me/api/portraits/men/1.jpg",
+ icon_keywords: "copy",
},
{
id: "10",
icon_name: "Battery - Empty",
+ icon_path: "https://randomuser.me/api/portraits/men/1.jpg",
+ icon_keywords: "copy",
},
{
id: "11",
icon_name: "Battery - Half",
+ icon_path: "https://randomuser.me/api/portraits/men/1.jpg",
+ icon_keywords: "copy",
},
{
id: "12",
icon_name: "Battery - Full",
+ icon_path: "https://randomuser.me/api/portraits/men/1.jpg",
+ icon_keywords: "copy",
},
{
id: "13",
icon_name: "Dashboard",
+ icon_path: "https://randomuser.me/api/portraits/men/1.jpg",
+ icon_keywords: "copy",
},
{
id: "14",
icon_name: "External",
+ icon_path: "https://randomuser.me/api/portraits/men/1.jpg",
+ icon_keywords: "copy",
},
{
id: "15",
icon_name: "Send",
+ icon_path: "https://randomuser.me/api/portraits/men/1.jpg",
+ icon_keywords: "copy",
},
{
id: "16",
icon_name: "Favourite",
+ icon_path: "https://randomuser.me/api/portraits/men/1.jpg",
+ icon_keywords: "copy",
},
{
id: "17",
icon_name: "News",
+ icon_path: "https://randomuser.me/api/portraits/men/1.jpg",
+ icon_keywords: "copy",
},
{
id: "18",
icon_name: "Copy",
+ icon_path: "https://randomuser.me/api/portraits/men/1.jpg",
+ icon_keywords: "copy",
},
{
id: "19",
icon_name: "Duplicate",
+ icon_path: "https://randomuser.me/api/portraits/men/1.jpg",
+ icon_keywords: "copy",
},
{
id: "20",
icon_name: "3D",
+ icon_path: "https://randomuser.me/api/portraits/men/1.jpg",
+ icon_keywords: "copy",
},
{
id: "21",
icon_name: "Cog",
+ icon_path: "https://randomuser.me/api/portraits/men/1.jpg",
+ icon_keywords: "copy",
},
{
id: "22",
icon_name: "User",
+ icon_path: "https://randomuser.me/api/portraits/men/1.jpg",
+ icon_keywords: "copy",
},
{
id: "23",
icon_name: "Heart",
+ icon_path: "https://randomuser.me/api/portraits/men/1.jpg",
+ icon_keywords: "copy",
},
{
id: "24",
icon_name: "Filter",
+ icon_path: "https://randomuser.me/api/portraits/men/1.jpg",
+ icon_keywords: "copy",
},
{
id: "25",
icon_name: "Add",
+ icon_path: "https://randomuser.me/api/portraits/men/1.jpg",
+ icon_keywords: "copy",
},
{
id: "26",
icon_name: "Minus",
+ icon_path: "https://randomuser.me/api/portraits/men/1.jpg",
+ icon_keywords: "copy",
},
{
id: "27",
icon_name: "Remove",
+ icon_path: "https://randomuser.me/api/portraits/men/1.jpg",
+ icon_keywords: "copy",
},
{
id: "28",
icon_name: "Email",
+ icon_path: "https://randomuser.me/api/portraits/men/1.jpg",
+ icon_keywords: "copy",
},
{
id: "29",
icon_name: "Battery",
+ icon_path: "https://randomuser.me/api/portraits/men/1.jpg",
+ icon_keywords: "copy",
},
{
id: "30",
icon_name: "Battery - Empty",
+ icon_path: "https://randomuser.me/api/portraits/men/1.jpg",
+ icon_keywords: "copy",
},
{
id: "31",
icon_name: "Battery - Half",
+ icon_path: "https://randomuser.me/api/portraits/men/1.jpg",
+ icon_keywords: "copy",
},
{
id: "32",
icon_name: "Battery - Full",
+ icon_path: "https://randomuser.me/api/portraits/men/1.jpg",
+ icon_keywords: "copy",
},
{
id: "33",
icon_name: "Dashboard",
+ icon_path: "https://randomuser.me/api/portraits/men/1.jpg",
+ icon_keywords: "copy",
},
{
id: "34",
icon_name: "External",
+ icon_path: "https://randomuser.me/api/portraits/men/1.jpg",
+ icon_keywords: "copy",
},
{
id: "35",
icon_name: "Send",
+ icon_path: "https://randomuser.me/api/portraits/men/1.jpg",
+ icon_keywords: "copy",
},
{
id: "36",
icon_name: "Favourite",
+ icon_path: "https://randomuser.me/api/portraits/men/1.jpg",
+ icon_keywords: "copy",
},
{
id: "37",
icon_name: "News",
+ icon_path: "https://randomuser.me/api/portraits/men/1.jpg",
+ icon_keywords: "copy",
},
{
id: "38",
icon_name: "Copy",
+ icon_path: "https://randomuser.me/api/portraits/men/1.jpg",
+ icon_keywords: "copy",
},
{
id: "39",
icon_name: "Duplicate",
+ icon_path: "https://randomuser.me/api/portraits/men/1.jpg",
+ icon_keywords: "copy",
},
{
id: "40",
icon_name: "3D",
+ icon_path: "https://randomuser.me/api/portraits/men/1.jpg",
+ icon_keywords: "copy",
},
];
@@ -318,7 +378,7 @@
return this.myForData;
}
return this.myForData.filter((item) => {
- return item.icon_name
+ return item.icon_keywords
.toLowerCase()
.includes(this.search.toLowerCase());
});
diff --git a/webpack.config.js b/webpack.config.js
index 3bc0f4f..e1e9852 100644
--- a/webpack.config.js
+++ b/webpack.config.js
@@ -1,9 +1,9 @@
-const path = require("path")
-const glob = require("glob-all")
-const ExtractTextPlugin = require("extract-text-webpack-plugin")
-const HtmlWebpackPlugin = require("html-webpack-plugin")
-const CopyWebpackPlugin = require("copy-webpack-plugin")
-const PurgecssPlugin = require("purgecss-webpack-plugin")
+const path = require("path");
+const glob = require("glob-all");
+const ExtractTextPlugin = require("extract-text-webpack-plugin");
+const HtmlWebpackPlugin = require("html-webpack-plugin");
+const CopyWebpackPlugin = require("copy-webpack-plugin");
+const PurgecssPlugin = require("purgecss-webpack-plugin");
/**
* Custom PurgeCSS Extractor
@@ -12,7 +12,7 @@ const PurgecssPlugin = require("purgecss-webpack-plugin")
*/
class TailwindExtractor {
static extract(content) {
- return content.match(/[A-z0-9-:\/]+/g)
+ return content.match(/[A-z0-9-:\/]+/g);
}
}
@@ -42,12 +42,12 @@ module.exports = {
template: "src/index.html",
}),
/// Enable images folder
- // new CopyWebpackPlugin([
- // {
- // from: "src/images",
- // to: "images",
- // },
- // ]),
+ new CopyWebpackPlugin([
+ {
+ from: "src/images",
+ to: "images",
+ },
+ ]),
new PurgecssPlugin({
paths: glob.sync([path.join(__dirname, "src/**/*.html")]),
extractors: [
@@ -58,4 +58,4 @@ module.exports = {
],
}),
],
-}
+};