Merge pull request #46 from tresabhi/1.14.4

docs/changelogs/1.14.4.md

@@ -0,0 +1,7 @@
+# Blitzkrieg 1.14.4
+
+Streamers get some knowledge today
+
+## Changes
+
+- Added a video in the embed button prompt

package.json

@@ -1,6 +1,6 @@
 {
   "name": "blitzkrieg",
-  "version": "1.14.0",
+  "version": "1.14.4",
   "description": "🎉 Tools for everything World of Tanks Blitz",
   "main": "src/server.ts",
   "type": "module",

src/app/tools/session/page.tsx

@@ -124,7 +124,7 @@ export default function Page() {
               <Button
                 variant="soft"
                 onClick={(event) => {
-                  if (!session.promptBeforeReset) {
+                  if (!session.resetPrompt) {
                     event.preventDefault();
                     resetSession();
                   }
@@ -153,7 +153,7 @@ export default function Page() {
                     mr="1"
                     onCheckedChange={(checked) =>
                       useSession.setState({
-                        promptBeforeReset: !checked,
+                        resetPrompt: !checked,
                       })
                     }
                   />
@@ -183,7 +183,7 @@ export default function Page() {
                 variant="soft"
                 className={styles.toolbarButton}
                 onClick={(event) => {
-                  if (!session.showEmbedPrompt) {
+                  if (!session.embedPrompt) {
                     event.preventDefault();
                     resetSession();
                   }
@@ -202,14 +202,17 @@ export default function Page() {
                 Copied link to your clipboard
               </AlertDialog.Title>
               <AlertDialog.Description>
-                Keep in mind:
+                Instructions for streamers:
-                <ul>
+                <iframe
-                  <li>Paste this link into your browser to view the embed</li>
+                  style={{
-                  <li>Embeds abide your custom options</li>
+                    width: '100%',
-                  <li>
+                    aspectRatio: '16 / 9',
-                    Options do not transfer across websites/streaming softwares
+                    border: 'none',
-                  </li>
+                  }}
-                </ul>
+                  src="https://www.youtube-nocookie.com/embed/e--GwjyrJAE?si=ftEiCmpbMI2FUY5N"
+                  title="YouTube video player"
+                  allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share"
+                ></iframe>
               </AlertDialog.Description>
 
               <Text size="2">
@@ -217,7 +220,7 @@ export default function Page() {
                   mr="1"
                   onCheckedChange={(checked) =>
                     useSession.setState({
-                      showEmbedPrompt: !checked,
+                      embedPrompt: !checked,
                     })
                   }
                 />

src/stores/session.ts

@@ -21,8 +21,8 @@ type Session = (
       time: number;
     }
 ) & {
-  promptBeforeReset: boolean;
+  resetPrompt: boolean;
-  showEmbedPrompt: boolean;
+  embedPrompt: boolean;
   customColumns: {
     display: CustomColumnDisplay;
     showDelta: boolean;
@@ -67,10 +67,10 @@ export const useSession = create<Session>()(
     persist(
       (set) => ({
         isTracking: false,
-        promptBeforeReset: true,
+        resetPrompt: true,
         showTotal: true,
         showCareer: true,
-        showEmbedPrompt: true,
+        embedPrompt: true,
 
         customColumns: [
           { display: 'battles', showDelta: false },