Update app.py

app.py

@@ -10,19 +10,19 @@ SCOPE = ["https://www.googleapis.com/auth/drive"]
 SERVICE_ACCOUNT_FILE = "./check"
 
 os.environ['GOOGLE_SHEETS_TOKEN']
+
+# os.environ['GOOGLE_SHEETS_TOKEN']
 creds = ServiceAccountCredentials.from_json_keyfile_name(SERVICE_ACCOUNT_FILE, SCOPE)
 client = gspread.authorize(creds)
 sheet = client.open("Feedback").sheet1
 
 
-
 def continueStory(blank, messageHistory):
 
     openai.api_key = os.environ['OPENAI_KEY']
 
     messageHistory.append({"role": "user", "content": blank + "\n\nGenerate the next paragraph with a blank in the last line for me to fill. There should only be one and only one blank in the paragraph. The blank should be at the end of the last line of the paragraph. It is very importat that there is only one blank and that it is at the end!"})
   
-
     response = openai.ChatCompletion.create(
       model="gpt-3.5-turbo",
       messages = messageHistory
@@ -45,10 +45,6 @@ with gr.Blocks(css='''
     background-image: url('file=https://cdn.discordapp.com/attachments/941582479117127680/1080730421425344542/rodotcom_colorful_abstract_illustration_for_the_background_of_c_f1b331d7-6493-4a33-9063-345d31a66ddb.png');
     
   }
-
-  .wrap {
-      opacity: 0;
-  }
   h1 {
     font-size: 3rem;
     font-weight: 700;
@@ -56,7 +52,36 @@ with gr.Blocks(css='''
     margin-bottom: 1rem;
     color: white;
   }
-  
+  p {
+    font-size: 1.25rem;
+    margin-bottom: 2rem;
+    color: white;
+  }
+  label {
+    font-size: 1.25rem;
+    font-weight: 500;
+    margin-bottom: 0.5rem;
+  }
+  input[type="text"], textarea {
+    font-size: 1.25rem;
+    padding: 0.5rem;
+    border: 2px solid #ccc;
+    border-radius: 5px;
+    width: 100%;
+  }
+  .gradio-button {
+    background-color: #2196f3;
+    color: #fff;
+    font-size: 1.25rem;
+    font-weight: 500;
+    padding: 0.75rem 1.5rem;
+    border-radius: 5px;
+    cursor: pointer;
+    transition: all 0.2s ease-in-out;
+  }
+  .gradio-button:hover {
+    background-color: #0c7cd5;
+  }
   
 ''') as demo:
     title = gr.HTML('''
@@ -109,8 +134,6 @@ with gr.Blocks(css='''
 
     def submitFeedback(comment, rating, character, messageHistory):
       
-      
- 
       readableHistory = ''
       for m in messageHistory:
         readableHistory += m['content']
@@ -156,7 +179,7 @@ with gr.Blocks(css='''
       return story, messageHistory
 
     def createNewStory():
-        return {character: gr.update(value=""), story_output: gr.update(value=""), blank:  gr.update(value="")}
+        return {character: gr.update(value=""), story_output: gr.update(value=""), blank:  gr.update(value=""), continueStoryCol: gr.update(visible=True), finishCol: gr.update(visible=True), newStoryCol: gr.update(visible=False) }
 
     def hideContinueBtn():
       return {continueStoryCol: gr.update(visible=False), newStoryCol: gr.update(visible=True), finishCol: gr.update(visible=False)}
@@ -173,7 +196,6 @@ with gr.Blocks(css='''
 
     submitFeedbackBtn.click(submitFeedback, [feedback_text, ratingRadio, character, messageHistory], [thankyou, feedbackForm])
 
-    newStoryBtn.click(createNewStory, [], [character, story_output, blank])
-
+    newStoryBtn.click(createNewStory, [], [character, story_output, blank, continueStoryCol, finishCol, newStoryCol])
 
 demo.launch(share=False)