Replace Terms of Use checkbox in Instance Creation workflow (#1042)

* Replace Terms of Use checkbox in Instance Creation workflow

* refactor accept terms of use checkbox deletion

* fix linting

* fix UI error

* Add terms of use title

Author: rosalieper

src/components/Cards/CreateWiki.vue

@@ -28,7 +28,6 @@
       :inFlight="inFlight"
       :error="error"
       :dismissable="false"
-      :showTerms="true"
       submitButtonText="Create Wiki"
       v-model="stepThree"
       @previous-step="goToStep(2)"
@@ -76,8 +75,7 @@ export default {
       },
       stepThree: {
         temporality: '',
-        otherTemporality: '',
-        terms: false
+        otherTemporality: ''
       },
       hasError: false,
       error: [],
@@ -174,10 +172,6 @@ export default {
         this.hasError = true
         this.error.username = errors.username[0]
       }
-      if (errors.terms) {
-        this.hasError = true
-        this.error.terms = errors.terms[0]
-      }
       if (errors.tooManyWikis) {
         this.hasError = true
         this.displayGenericError(errors.message)
@@ -199,7 +193,6 @@ export default {
       this.error.sitename = message
       this.error.siteaddress = message
       this.error.username = message
-      this.error.terms = message
     },
     checkCurrentLogin () {
       if (!this.currentUser) {

src/components/Cards/CreateWikiWizardStepThree.vue

@@ -54,32 +54,22 @@
             </template>
           </v-radio>
         </v-radio-group>
-
-        <h3 v-if="showTerms" class="mt-6">Terms of Use</h3>
-        <v-checkbox
-          v-model="value.terms"
-          :disabled="inFlight"
-          :rules="[() => !!value.terms || 'You must accept the Terms of Service.']"
-          v-if="showTerms"
-        >
-          <template v-slot:label>
-            <div>
-              I agree to the
-              <v-tooltip bottom>
-                <template v-slot:activator="{ on }">
-                  <a
-                    target="_blank"
-                    href="/terms-of-use"
-                    @click.stop
-                    v-on="on"
-                  >
-                    Terms of Use</a>
-                </template>
-                Opens in new window
-              </v-tooltip>.
-            </div>
-          </template>
-        </v-checkbox>
+        <h3 class="mt-6">Terms of Use</h3>
+        <div class="body-2">
+          Previously accepted
+          <v-tooltip top>
+            <template v-slot:activator="{ on }">
+              <a
+                target="_blank"
+                href="/terms-of-use"
+                @click.stop
+                v-on="on"
+              >
+                Terms of Use</a>
+            </template>
+            Opens in new window
+          </v-tooltip> still apply.
+        </div>
       </v-form>
       </v-card-text>
       <v-card-actions>
@@ -112,7 +102,6 @@ export default {
     value: Object,
     error: Array,
     dismissable: Boolean,
-    showTerms: Boolean,
     submitButtonText: String
   },
   methods: {