diff --git a/package.json b/package.json
index a90984ed..f16cf97d 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
{
"name": "mage-website",
- "version": "0.3.06",
+ "version": "0.3.07",
"license": "GPL-3.0",
"private": true,
"type": "module",
diff --git a/src/lib/assets/icons/category-icons/extra/art.svg b/src/lib/assets/icons/category-icons/extra/art.svg
new file mode 100644
index 00000000..157f3d59
--- /dev/null
+++ b/src/lib/assets/icons/category-icons/extra/art.svg
@@ -0,0 +1,38 @@
+
+
+
diff --git a/src/lib/assets/icons/category-icons/extra/cooking.svg b/src/lib/assets/icons/category-icons/extra/cooking.svg
new file mode 100644
index 00000000..b0577b55
--- /dev/null
+++ b/src/lib/assets/icons/category-icons/extra/cooking.svg
@@ -0,0 +1,13 @@
+
+
+
diff --git a/src/lib/assets/icons/category-icons/extra/eating.svg b/src/lib/assets/icons/category-icons/extra/eating.svg
new file mode 100644
index 00000000..6cf2186d
--- /dev/null
+++ b/src/lib/assets/icons/category-icons/extra/eating.svg
@@ -0,0 +1,18 @@
+
+
+
diff --git a/src/lib/assets/icons/category-icons/extra/just-chatting.svg b/src/lib/assets/icons/category-icons/extra/just-chatting.svg
new file mode 100644
index 00000000..0ab10d76
--- /dev/null
+++ b/src/lib/assets/icons/category-icons/extra/just-chatting.svg
@@ -0,0 +1,13 @@
+
+
+
diff --git a/src/lib/assets/icons/category-icons/extra/music.svg b/src/lib/assets/icons/category-icons/extra/music.svg
new file mode 100644
index 00000000..62b68484
--- /dev/null
+++ b/src/lib/assets/icons/category-icons/extra/music.svg
@@ -0,0 +1,10 @@
+
+
+
diff --git a/src/lib/assets/icons/category-icons/extra/traveling.svg b/src/lib/assets/icons/category-icons/extra/traveling.svg
new file mode 100644
index 00000000..cf1f64fd
--- /dev/null
+++ b/src/lib/assets/icons/category-icons/extra/traveling.svg
@@ -0,0 +1,19 @@
+
+
+
diff --git a/src/lib/assets/icons/category-icons/game/black-myth-wukong.svg b/src/lib/assets/icons/category-icons/game/black-myth-wukong.svg
new file mode 100644
index 00000000..d750bb7f
--- /dev/null
+++ b/src/lib/assets/icons/category-icons/game/black-myth-wukong.svg
@@ -0,0 +1,390 @@
+
+
+
diff --git a/src/lib/assets/icons/category-icons/game/call-of-duty-black-ops-6.svg b/src/lib/assets/icons/category-icons/game/call-of-duty-black-ops-6.svg
new file mode 100644
index 00000000..6ce28e58
--- /dev/null
+++ b/src/lib/assets/icons/category-icons/game/call-of-duty-black-ops-6.svg
@@ -0,0 +1,142 @@
+
+
+
diff --git a/src/lib/assets/icons/category-icons/game/marvel-rivals.svg b/src/lib/assets/icons/category-icons/game/marvel-rivals.svg
new file mode 100644
index 00000000..0d617b2a
--- /dev/null
+++ b/src/lib/assets/icons/category-icons/game/marvel-rivals.svg
@@ -0,0 +1,24 @@
+
+
+
diff --git a/src/lib/assets/icons/category-icons/game/space-marine.svg b/src/lib/assets/icons/category-icons/game/space-marine.svg
new file mode 100644
index 00000000..21e8281a
--- /dev/null
+++ b/src/lib/assets/icons/category-icons/game/space-marine.svg
@@ -0,0 +1,264 @@
+
+
+
diff --git a/src/lib/components/Browse/DrawerAddCategory.svelte b/src/lib/components/Browse/DrawerAddCategory.svelte
index eec3cca2..bfa39863 100644
--- a/src/lib/components/Browse/DrawerAddCategory.svelte
+++ b/src/lib/components/Browse/DrawerAddCategory.svelte
@@ -8,7 +8,7 @@
classes: string = ''
let maxCategory = 4,
- tabs = ['Game', 'Dev'],
+ tabs = ['Game', 'Dev', 'Extra'],
activeTab = 'Game',
assetIcons: any = {},
allIcons: any = {},
@@ -17,7 +17,7 @@
renderingAssets: Array<[string, string]>
const setActiveIcons = () => {
- assetIcons = activeTab == 'Game' ? $category_assets.game : $category_assets.dev
+ assetIcons = $category_assets[activeTab.toLowerCase()] || {}
}
const setActiveTab = async (tab: string) => {
@@ -25,7 +25,7 @@
setActiveIcons()
}
- $: allIcons = { ...$category_assets.dev, ...$category_assets.game }
+ $: allIcons = { ...$category_assets.dev, ...$category_assets.game, ...$category_assets.extra }
$: maxCategoryLabel = categories.length == maxCategory ? 'max reached' : 'max ' + maxCategory
$: renderingAssets = searchQuery != '' ? Object.entries(searchResult) : Object.entries(assetIcons)
diff --git a/src/routes/+layout.svelte b/src/routes/+layout.svelte
index 0b62f927..e675167c 100644
--- a/src/routes/+layout.svelte
+++ b/src/routes/+layout.svelte
@@ -51,8 +51,12 @@
const gameSvgs = import.meta.glob('$lib/assets/icons/category-icons/game/*.svg', {
eager: true
})
+ const extraSvgs = import.meta.glob('$lib/assets/icons/category-icons/extras/*.svg', {
+ eager: true
+ })
processSvgs(devSvgs, 'dev')
processSvgs(gameSvgs, 'game')
+ processSvgs(extraSvgs, 'extra')
getUserRole()
})