Merge pull request #1290 from CodeCrowCorp/dev

Fix: change create channel icon
CodeCrowCorp · Jun 19, 2024 · 6a7bb41 · 6a7bb41
2 parents 68ca594 + d661c42
commit 6a7bb41
Show file tree

Hide file tree

Showing 5 changed files with 44 additions and 33 deletions.
diff --git a/src/lib/assets/icons/browse/IconBrowseCreate.svelte b/src/lib/assets/icons/browse/IconBrowseCreate.svelte
diff --git a/src/lib/assets/icons/browse/IconBrowserGoLive.svelte b/src/lib/assets/icons/browse/IconBrowserGoLive.svelte
@@ -0,0 +1,12 @@
+<svg
+	xmlns="http://www.w3.org/2000/svg"
+	fill="none"
+	viewBox="0 0 24 24"
+	stroke-width="1.5"
+	stroke="currentColor"
+	class="size-6">
+	<path
+		stroke-linecap="round"
+		stroke-linejoin="round"
+		d="M9.348 14.652a3.75 3.75 0 0 1 0-5.304m5.304 0a3.75 3.75 0 0 1 0 5.304m-7.425 2.121a6.75 6.75 0 0 1 0-9.546m9.546 0a6.75 6.75 0 0 1 0 9.546M5.106 18.894c-3.808-3.807-3.808-9.98 0-13.788m13.788 0c3.808 3.807 3.808 9.98 0 13.788M12 12h.008v.008H12V12Zm.375 0a.375.375 0 1 1-.75 0 .375.375 0 0 1 .75 0Z" />
+</svg>
diff --git a/src/lib/assets/icons/drawer/IconDrawerApps.svelte b/src/lib/assets/icons/drawer/IconDrawerApps.svelte
@@ -0,0 +1,12 @@
+<svg
+	xmlns="http://www.w3.org/2000/svg"
+	fill="none"
+	viewBox="0 0 24 24"
+	stroke-width="1.5"
+	stroke="currentColor"
+	class="size-6">
+	<path
+		stroke-linecap="round"
+		stroke-linejoin="round"
+		d="M10.5 1.5H8.25A2.25 2.25 0 0 0 6 3.75v16.5a2.25 2.25 0 0 0 2.25 2.25h7.5A2.25 2.25 0 0 0 18 20.25V3.75a2.25 2.25 0 0 0-2.25-2.25H13.5m-3 0V3h3V1.5m-3 0h3m-3 18.75h3" />
+</svg>
diff --git a/src/lib/components/Browse/SearchBar.svelte b/src/lib/components/Browse/SearchBar.svelte
@@ -1,9 +1,9 @@
 <script lang="ts">
-	import IconBrowseCreate from '$lib/assets/icons/browse/IconBrowseCreate.svelte'
 	import IconSearch from '$lib/assets/icons/IconSearch.svelte'
 	import DrawerCreateChannel from './DrawerCreateChannel.svelte'
 	import { is_login_modal_open } from '$lib/stores/helperStore'
 	import { page } from '$app/stores'
+	import IconBrowserGoLive from '$lib/assets/icons/browse/IconBrowserGoLive.svelte'
 
 	export let query: string | null = ''
 
@@ -37,8 +37,8 @@
 					$is_login_modal_open = true
 				}
 			}}>
-			<IconBrowseCreate />
-			Create a channel
+			<IconBrowserGoLive />
+			Go live
 		</label>
 	</div>
 

diff --git a/src/lib/components/Global/DrawerMain.svelte b/src/lib/components/Global/DrawerMain.svelte
@@ -1,4 +1,5 @@
 <script lang="ts">
+	import IconDrawerApps from '$lib/assets/icons/drawer/IconDrawerApps.svelte'
 	import IconDrawerStreak from '$lib/assets/icons/drawer/IconDrawerStreak.svelte'
 	import IconDrawerStreamDuration from '$lib/assets/icons/drawer/IconDrawerStreamDuration.svelte'
 	import IconDrawerHome from '$lib/assets/icons/drawer/IconDrawerHome.svelte'
@@ -196,9 +197,6 @@
 			<a class="custom-menu-item" href="https://blog.mage.stream" target="_blank">
 				<IconDrawerBlog />
 				<span class={isChannelPage ? 'md:hidden' : ''}>Blog </span>
-				{#if !isChannelPage}
-					<span class="badge badge-secondary text-secondary-content">New</span>
-				{/if}
 			</a>
 		</li>
 		{#if $is_feature_merch_enabled}
@@ -212,6 +210,22 @@
 				</a>
 			</li>
 		{/if}
+		<li>
+			<a
+				class="custom-menu-item whitespace-nowrap"
+				on:click={() => {
+					$is_apps_modal_open = true
+					if (nav_drawer.checked) {
+						nav_drawer.checked = false
+					}
+				}}>
+				<IconDrawerApps />
+				<span class={isChannelPage ? 'md:hidden' : ''}>Get apps</span>
+				{#if !isChannelPage}
+					<span class="badge badge-secondary">New</span>
+				{/if}
+			</a>
+		</li>
 		<li>
 			<a class="custom-menu-item" href="/settings">
 				<IconDrawerSettings />
@@ -224,21 +238,6 @@
 					><IconDrawerMore />
 					<span class={isChannelPage ? 'md:hidden' : ''}>More</span></summary>
 				<ul class="p-2 {isChannelPage ? 'lg:menu-sm' : 'ml-5'}">
-					<li>
-						<a
-							class="whitespace-nowrap"
-							on:click={() => {
-								$is_apps_modal_open = true
-								if (nav_drawer.checked) {
-									nav_drawer.checked = false
-								}
-							}}>
-							Get apps
-							{#if !isChannelPage}
-								<span class="badge badge-secondary">New</span>
-							{/if}
-						</a>
-					</li>
 					<li>
 						<a href="https://codecrow.io/careers" target="_blank">Careers</a>
 					</li>