From 3333b72fcabd19af336e1cf6bf8a24dfd11e34f7 Mon Sep 17 00:00:00 2001
From: Brandon Thomas <echelon@gmail.com>
Date: Sun, 10 Jul 2022 22:37:20 -0400
Subject: [PATCH] w2l list page

---
 .../w2l_template_list/W2lTemplateListFc.tsx   | 27 ++++++++++++++++++-
 1 file changed, 26 insertions(+), 1 deletion(-)

diff --git a/packages/fakeyou/src/v2/view/w2l/w2l_template_list/W2lTemplateListFc.tsx b/packages/fakeyou/src/v2/view/w2l/w2l_template_list/W2lTemplateListFc.tsx
index 54999da8a1..527ffa0cf6 100644
--- a/packages/fakeyou/src/v2/view/w2l/w2l_template_list/W2lTemplateListFc.tsx
+++ b/packages/fakeyou/src/v2/view/w2l/w2l_template_list/W2lTemplateListFc.tsx
@@ -4,7 +4,9 @@ import { SessionWrapper } from "@storyteller/components/src/session/SessionWrapp
 import { Link } from "react-router-dom";
 //import { getRandomInt } from '../../../../v1/api/Utils';
 import { BucketConfig } from "@storyteller/components/src/api/BucketConfig";
-import { distance, delay, delay2, duration } from "../../../../data/animation";
+import { distance, duration } from "../../../../data/animation";
+import { USE_REFRESH } from "../../../../Refresh";
+
 const Fade = require("react-reveal/Fade");
 
 interface W2lTemplateListResponsePayload {
@@ -158,6 +160,29 @@ function W2lTemplateListFc(props: Props) {
     );
   }
 
+  if (!USE_REFRESH) {
+    return (
+      <div>
+        <br />
+        <h1 className="title is-1"> Video lip sync templates </h1>
+
+        {extraDetails}
+
+        <br />
+
+        {allRowsOfTemplateElements.map(el => el)}
+
+        <br />
+
+        <p>This feature is based on Wav2Lip by by Prajwal, K R and Mukhopadhyay,
+          Rudrabha and Namboodiri, Vinay P. and Jawahar, C.V.</p>
+
+        <br />
+
+      </div>
+    );
+  }
+
   return (
     <div>
       <Fade bottom cascade duration={duration} distance={distance}>