Icons, themes, removed instance proxy and more

components/themes/common/controls.latte

@@ -0,0 +1,8 @@
+<div n:ifset="$feed->info" class="buttons">
+	{* is_numeric is used to avoid having a back button with ttwid cursors *}
+	{if isset($_GET['cursor']) && is_numeric($_GET['cursor']) && $_GET['cursor'] != 0 }
+    <a class="button is-danger" href="?cursor=0">First</a>
+		<a class="button is-danger" href="?cursor={$feed->minCursor}">Back</a>
+	{/if}
+  <a n:attr="disabled => !$feed->hasMore" class="button is-success" href="?cursor={$feed->maxCursor}">Next</a>
+</div>

components/themes/common/download.latte

@@ -0,0 +1,13 @@
+<div class="dropdown is-hoverable">
+	<div class="dropdown-trigger">
+		<button class="button" aria-haspopup="true" aria-controls="dropdown-menu">
+			{include '../../icon.latte', icon: 'software-download', text: 'Download'}
+		</button>
+	</div>
+	<div class="dropdown-menu" role="menu">
+		<div class="dropdown-content">
+			<a target="_blank" href="{path('/download?url=' . urlencode($playAddr) . '&id=' . $item->id . '&user=' . $uniqueId) . '&watermark=1'}" class="dropdown-item">Watermark</a>
+			<a target="_blank" href="{path('/download?id=' . $id . '&user=' . $uniqueId)}" class="dropdown-item">No watermark</a>
+		</div>
+	</div>
+</div>

components/themes/common/share.latte

@@ -0,0 +1,5 @@
+{do $endpoint = '/@' . $uniqueId . '/video/' . $id}
+<div class="buttons is-centered">
+	<a class="button is-success is-small" href="{path($endpoint)}">Instace Link</a>
+	<a class="button is-danger is-small" href="https://www.tiktok.com{$endpoint}">Original Link</a>
+</div>

components/themes/common/stats.latte

@@ -0,0 +1,6 @@
+<p>
+	{include '../../icon.latte', icon: 'eye', text: number($playCount)}
+	{include '../../icon.latte', icon: 'heart', text: number($diggCount)}
+	{include '../../icon.latte', icon: 'comment', text: number($commentCount)}
+	{include '../../icon.latte', icon: 'share', text: number($shareCount)}
+</p>

components/themes/common/tags.latte

@@ -0,0 +1,5 @@
+<div class="tags">
+	{foreach $challenges as $challenge}
+		<a class="tag is-rounded is-info" href="{path('/tag/' . $challenge->title)}">{$challenge->title}</a>
+	{/foreach}
+</div>