ahmed.ibrahim39699
/
JanetFrontEnd
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

fix_class

This commit is contained in:
ahmed531998 2023-04-06 23:18:58 +02:00
parent 6879284822
commit 38b2a33369
1 changed files with 19 additions and 19 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

38
src/FeedbackForm.js
View File

@ -50,10 +50,10 @@ const FeedbackForm = (props) => {
} }
return ( return (
<div id="feedback-window" class="feedback-box"> <div id="feedback-window" className="feedback-box">
<form id="feedback-form"> <form id="feedback-form">
<div class="feedback-question"> <div className="feedback-question">
<label for="response-length"> <label htmlFor="response-length">
What do you think of the length of the response? What do you think of the length of the response?
</label> </label>
<select <select
@ -66,8 +66,8 @@ const FeedbackForm = (props) => {
<option value="long">long</option> <option value="long">long</option>
</select> </select>
</div> </div>
<div class="feedback-question"> <div className="feedback-question">
<label for="response-fluency"> <label htmlFor="response-fluency">
How would you rate the fluency of the response? How would you rate the fluency of the response?
</label> </label>
<select <select
@ -80,8 +80,8 @@ const FeedbackForm = (props) => {
<option value="fluent">fluent</option> <option value="fluent">fluent</option>
</select> </select>
</div> </div>
<div class="feedback-question"> <div className="feedback-question">
<label for="response-truthfulness"> <label htmlFor="response-truthfulness">
If applicable, was the response true? If applicable, was the response true?
</label> </label>
<select <select
@ -94,8 +94,8 @@ const FeedbackForm = (props) => {
<option value="NA">NA</option> <option value="NA">NA</option>
</select> </select>
</div> </div>
<div class="feedback-question"> <div className="feedback-question">
<label for="response-usefulness"> <label htmlFor="response-usefulness">
Was your need satisfied by this response? Was your need satisfied by this response?
</label> </label>
<select <select
@ -107,8 +107,8 @@ const FeedbackForm = (props) => {
<option value="no">no</option> <option value="no">no</option>
</select> </select>
</div> </div>
<div class="feedback-question"> <div className="feedback-question">
<label for="response-time"> <label htmlFor="response-time">
How fast was it to produce the response? How fast was it to produce the response?
</label> </label>
<select <select
@ -121,8 +121,8 @@ const FeedbackForm = (props) => {
<option value="acceptable">acceptable</option> <option value="acceptable">acceptable</option>
</select> </select>
</div> </div>
<div class="feedback-question"> <div className="feedback-question">
<label for="query-intent">What was your intent?</label> <label htmlFor="query-intent">What was your intent?</label>
<select <select
id="query-intent" id="query-intent"
name="What was your intent?" name="What was your intent?"
@ -138,8 +138,8 @@ const FeedbackForm = (props) => {
<option value="NA">NA</option> <option value="NA">NA</option>
</select> </select>
</div> </div>
<div class="feedback-question"> <div className="feedback-question">
<label for="query-correctness"> <label htmlFor="query-correctness">
Was this modification to the query correct? {messages[0].modQuery} Was this modification to the query correct? {messages[0].modQuery}
</label> </label>
<select <select
@ -151,7 +151,7 @@ const FeedbackForm = (props) => {
<option value="no">no</option> <option value="no">no</option>
</select> </select>
</div> </div>
<label for="correct-query"> <label htmlFor="correct-query">
Could you provide a modified context-free Could you provide a modified context-free
(chat-history-independent) version of your query? (chat-history-independent) version of your query?
</label> </label>
@ -161,8 +161,8 @@ const FeedbackForm = (props) => {
onChange={(e) => setModQuery(e.target.value)} onChange={(e) => setModQuery(e.target.value)}
></textarea> ></textarea>
' '
<div class="feedback-question"> <div className="feedback-question">
<label for="preferred response"> <label htmlFor="preferred response">
Would you write a better response? Would you write a better response?
</label> </label>
<textarea <textarea
@ -172,7 +172,7 @@ const FeedbackForm = (props) => {
></textarea> ></textarea>
' '
</div> </div>
<div class="feedback-submit"> <div className="feedback-submit">
<input type="submit" value="Submit" onClick={onSubmit} /> <input type="submit" value="Submit" onClick={onSubmit} />
</div> </div>
</form> </form>