From 94400e65959a7406d6d9d18c6e5eac6ebc01cf0d Mon Sep 17 00:00:00 2001
From: Daniel Kulangiev <danny.kulangiev@gmail.com>
Date: Wed, 7 Apr 2021 12:29:13 -0400
Subject: [PATCH] Revert "issue #7"

This reverts commit 11a72da9576b21f3c71488a50b4bc82e1ad9ce9f.
---
 client/src/pages/Create/Create.css |  4 ----
 client/src/pages/Create/Create.js  | 17 ++---------------
 server/server.js                   |  7 +------
 3 files changed, 3 insertions(+), 25 deletions(-)

diff --git a/client/src/pages/Create/Create.css b/client/src/pages/Create/Create.css
index 70cafeb..c5288d7 100644
--- a/client/src/pages/Create/Create.css
+++ b/client/src/pages/Create/Create.css
@@ -45,10 +45,6 @@ textarea::placeholder {
   transition: color 150ms ease-in-out;
 }
 
-.text-limit-error {
-  color: var(--color-error-500)
-}
-
 @media (min-width: 560px) {
   .gif-video {
     height: 288px;
diff --git a/client/src/pages/Create/Create.js b/client/src/pages/Create/Create.js
index a4798fb..e5b9242 100644
--- a/client/src/pages/Create/Create.js
+++ b/client/src/pages/Create/Create.js
@@ -27,7 +27,6 @@ function Create({ history }) {
   const [isWebcamReady, setIsWebcamReady] = useState(false)
   const [gifId, setGifId] = useState()
   const [text, setText] = useState('')
-  const [textLimitError, setTextLimitError] = useState('')
   const [isProcessingGif, setIsProcessingGif] = useState('')
   const [isUploading, setUploading] = useState(false)
   const [warning, setWarning] = useState(
@@ -136,15 +135,6 @@ function Create({ history }) {
     download(fileBlob, `${gifId}.gif`)
   }
 
-  const handleText = (input) => {
-    if (input.length === 30) {
-      setTextLimitError('Caption must have a maximum limit of 30 characters.')
-    } else {
-      setText(input)
-      setTextLimitError('')
-    }
-  }
-
   const header = (
     <>
       <h1>Create Your Own GIF</h1>
@@ -234,12 +224,9 @@ function Create({ history }) {
           )}
           {phase === PHASE_TEXT && (
             <>
-              {textLimitError && (
-                <p className="text-limit-error">{textLimitError}</p>
-              )}
               <textarea
-                placeholder="Add a caption to your GIF! (maximum 30 characters)"
-                onChange={(e) => handleText(e.target.value)}
+                placeholder="Add a caption to your GIF!"
+                onChange={(e) => setText(e.target.value)}
                 value={text}
               />
               <div className="gif-button-group">
diff --git a/server/server.js b/server/server.js
index 1386773..7caf4e8 100644
--- a/server/server.js
+++ b/server/server.js
@@ -180,7 +180,6 @@ app.post('/uploadGIF', ({ body }, res) => {
   })
 })
 
-/* eslint-disable */
 app.post('/video2gif', upload.none(), ({ body }, res) => {
   const { videoId, text, fontsize } = body
   ffmpeg()
@@ -193,11 +192,7 @@ app.post('/video2gif', upload.none(), ({ body }, res) => {
       {
         filter: 'drawtext',
         options: {
-          text: text
-            .replaceAll('\\\\', '\\\\\\\\\\\\\\\\')
-            .replaceAll("'", "'\\\\\\\\\\\\''")
-            .replaceAll('%', '\\\\\\\\\\\\%')
-            .replaceAll(':', '\\\\\\\\\\\\:'),
+          text: text.replace(/\r?\n|\r/gm, '\v'),
           fontsize,
           fontcolor: 'white',
           x: '(w-text_w)/2',