Minor corrections

kobotoolbox · Jul 2, 2024 · 2b4ac08 · 2b4ac08
1 parent d47f8cc
commit 2b4ac08
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 8 deletions.
diff --git a/jsapp/js/components/processing/nlpUsageLimitBlockModal/nlpUsageLimitBlockModal.component.tsx b/jsapp/js/components/processing/nlpUsageLimitBlockModal/nlpUsageLimitBlockModal.component.tsx
@@ -1,8 +1,7 @@
 import cx from 'classnames';
-import React, {useEffect, useState} from 'react';
+import React from 'react';
 import KoboModal from '../../modals/koboModal';
 import KoboModalHeader from 'js/components/modals/koboModalHeader';
-import KoboModalContent from 'js/components/modals/koboModalContent';
 import KoboModalFooter from 'js/components/modals/koboModalFooter';
 import Button from 'js/components/common/button';
 import Icon from 'js/components/common/icon';
@@ -42,7 +41,7 @@ function NlpUsageLimitBlockModal(props: NlpUsageLimitBlockModalProps) {
                 .replace('##LIMIT##', props.limit)
                 .replace('##PERIOD##', props.interval)}{' '}
               {t(
-                'Please consider our plans or add-ons to continue using this feature'
+                'Please consider our plans or add-ons to continue using this feature.'
               )}
             </div>
             <div className={styles.note}>

diff --git a/jsapp/js/components/processing/nlpUsageLimitBlockModal/nlpUsageLimitBlockModal.module.scss b/jsapp/js/components/processing/nlpUsageLimitBlockModal/nlpUsageLimitBlockModal.module.scss
@@ -11,11 +11,6 @@
   }
 }
 
-.link {
-  color: colors.$kobo-dark-blue;
-  text-decoration: underline;
-}
-
 .note {
   display: flex;
   padding: sizes.$x12;
@@ -42,6 +37,8 @@
   background-color: colors.$kobo-white;
 }
 
+// TODO: Abstract styling for paired buttons
+// See also overLimitModal and NLP stepConfig
 :global(.k-button) {
   &.button.full:hover {
     background-color: colors.$kobo-dark-blue;