Add 0.4.0 changelog, convert to md (#803)

* Turn page into shared component
* Add v0.4.0 changelog markdown page
* Rename version files
* Markdown conversion

ui/v2.5/src/components/Changelog/Changelog.tsx

@@ -1,7 +1,13 @@
 import React from "react";
 import { useChangelogStorage } from "src/hooks";
 import Version from "./Version";
-import { V010, V011, V020, V021, V030 } from "./versions";
+import V010 from "./versions/v010.md";
+import V011 from "./versions/v011.md";
+import V020 from "./versions/v020.md";
+import V021 from "./versions/v021.md";
+import V030 from "./versions/v030.md";
+import V040 from "./versions/v040.md";
+import { MarkdownPage } from "../Shared/MarkdownPage";
 
 const Changelog: React.FC = () => {
   const [{ data, loading }, setOpenState] = useChangelogStorage();
@@ -30,13 +36,21 @@ const Changelog: React.FC = () => {
     <>
       <h1 className="mb-4">Changelog:</h1>
       <Version
-        version={stashVersion || "v0.3.0"}
+        version={stashVersion || "v0.4.0"}
         date={buildDate}
         openState={openState}
         setOpenState={setVersionOpenState}
         defaultOpen
       >
-        <V030 />
+        <MarkdownPage page={V040} />
+      </Version>
+      <Version
+        version="v0.3.0"
+        date="2020-09-02"
+        openState={openState}
+        setOpenState={setVersionOpenState}
+      >
+        <MarkdownPage page={V030} />
       </Version>
       <Version
         version="v0.2.1"
@@ -44,7 +58,7 @@ const Changelog: React.FC = () => {
         openState={openState}
         setOpenState={setVersionOpenState}
       >
-        <V021 />
+        <MarkdownPage page={V021} />
       </Version>
       <Version
         version="v0.2.0"
@@ -52,7 +66,7 @@ const Changelog: React.FC = () => {
         openState={openState}
         setOpenState={setVersionOpenState}
       >
-        <V020 />
+        <MarkdownPage page={V020} />
       </Version>
       <Version
         version="v0.1.1"
@@ -60,7 +74,7 @@ const Changelog: React.FC = () => {
         openState={openState}
         setOpenState={setVersionOpenState}
       >
-        <V011 />
+        <MarkdownPage page={V011} />
       </Version>
       <Version
         version="v0.1.0"
@@ -68,7 +82,7 @@ const Changelog: React.FC = () => {
         openState={openState}
         setOpenState={setVersionOpenState}
       >
-        <V010 />
+        <MarkdownPage page={V010} />
       </Version>
     </>
   );

ui/v2.5/src/components/Changelog/versions/index.ts

@@ -1,5 +0,0 @@
-export { default as V010 } from "./v010";
-export { default as V011 } from "./v011";
-export { default as V020 } from "./v020";
-export { default as V021 } from "./v021";
-export { default as V030 } from "./v030";

ui/v2.5/src/components/Changelog/versions/v010.md

@@ -1,7 +1,3 @@
-import React from "react";
-import ReactMarkdown from "react-markdown";
-
-const markup = `
 ### ✨ New Features
 
 * Configurable custom performer scrapers
@@ -50,6 +46,3 @@ const markup = `
 * Fix input fields losing focus when switching between windows
 * Fix VTT for chapter display in scene players
 * Fix usage of Box.Bytes causing depreciation message
-`;
-
-export default () => <ReactMarkdown source={markup} />;

ui/v2.5/src/components/Changelog/versions/v011.md

@@ -0,0 +1,2 @@
+### 🐛 Bug fixes
+* Fix version checking.

ui/v2.5/src/components/Changelog/versions/v011.tsx

@@ -1,9 +0,0 @@
-import React from "react";
-import ReactMarkdown from "react-markdown";
-
-const markup = `
-### 🐛 Bug fixes
-Fix version checking.
-`;
-
-export default () => <ReactMarkdown source={markup} />;

ui/v2.5/src/components/Changelog/versions/v020.md

@@ -1,7 +1,3 @@
-import React from "react";
-import ReactMarkdown from "react-markdown";
-
-const markup = `
 #### 💥 **Note: After upgrading performance will be degraded until a full [scan](/settings?tab=tasks) has been completed.**
 #### 💥 **Note: [Language](/settings?tab=interface) has been set to \`English (United States)\` by default, which affects number and date formatting.**
 
@@ -61,7 +57,3 @@ const markup = `
 *  Fix redirect loops in login, migrate and setup pages.
 *  Make studio, movies, tag, performers scrape/parser matching case insensitive.
 *  Fix files with special characters in filename not being scanned.
-
-`;
-
-export default () => <ReactMarkdown source={markup} />;

ui/v2.5/src/components/Changelog/versions/v021.md

@@ -0,0 +1,3 @@
+### 🐛 Bug fixes
+*  Fix max loop duration not working.
+*  Fix URL sanitization on non-Chrome browsers.

ui/v2.5/src/components/Changelog/versions/v021.tsx

@@ -1,11 +0,0 @@
-import React from "react";
-import ReactMarkdown from "react-markdown";
-
-const markup = `
-### 🐛 Bug fixes
-*  Fix max loop duration not working.
-*  Fix URL sanitization on non-Chrome browsers.
-
-`;
-
-export default () => <ReactMarkdown source={markup} />;

ui/v2.5/src/components/Changelog/versions/v030.md

@@ -1,7 +1,3 @@
-import React from "react";
-import ReactMarkdown from "react-markdown";
-
-const markup = `
 #### 💥 **Note: After upgrading, the next scan will populate all scenes with oshash hashes. MD5 calculation can be disabled after populating the oshash for all scenes. See \`Hashing Algorithms\` in the \`Configuration\` section of the manual for details. **
 
 ### ✨ New Features
@@ -49,7 +45,3 @@ const markup = `
 *  Fix directories with video name extensions being detected as files to be scanned.
 *  Fix issues moving generated files between file systems.
 *  Fix formatted dates using incorrect timezone.
-
-`;
-
-export default () => <ReactMarkdown source={markup} />;

ui/v2.5/src/components/Changelog/versions/v040.md

@@ -0,0 +1,15 @@
+### ✨ New Features
+* Add selective scene export.
+
+### 🎨 Improvements
+* Add missing scenes movie filter.
+* Add gallery icon to scene cards.
+* Add country query link to performer flag.
+* Improved gallery layout.
+* Add hover delay before scene preview is played.
+* Re-show preview thumbnail when mousing away from scene card.
+
+### 🐛 Bug fixes
+* Fix incorrect date timezone.
+* Fix search filters not persisting for studios, markers and galleries.
+* Fix pending thumbnail on wall items on mobile platforms.

ui/v2.5/src/components/Help/Manual.tsx

@@ -13,7 +13,7 @@ import Contributing from "src/docs/en/Contributing.md";
 import SceneFilenameParser from "src/docs/en/SceneFilenameParser.md";
 import KeyboardShortcuts from "src/docs/en/KeyboardShortcuts.md";
 import Help from "src/docs/en/Help.md";
-import { Page } from "./Page";
+import { MarkdownPage } from "../Shared/MarkdownPage";
 
 interface IManualProps {
   show: boolean;
@@ -151,7 +151,7 @@ export const Manual: React.FC<IManualProps> = ({ show, onClose }) => {
                         key={`${c.key}-pane`}
                         onClick={interceptLinkClick}
                       >
-                        <Page page={c.content} />
+                        <MarkdownPage page={c.content} />
                       </Tab.Pane>
                     );
                   })}

ui/v2.5/src/components/Shared/MarkdownPage.tsx

@@ -7,7 +7,7 @@ interface IPageProps {
   page: any;
 }
 
-export const Page: React.FC<IPageProps> = ({ page }) => {
+export const MarkdownPage: React.FC<IPageProps> = ({ page }) => {
   const [markdown, setMarkdown] = useState("");
 
   useEffect(() => {