[CORL-381] Featured Comments (coralproject#2335)

* feat: initial serverside featuring support * Update schema.graphql * feat: add feature comment to moderation dropdown * feat: feature comments on the stream embed * fix: tests * fix: optimize loading and fix tests * feat: hide featured tab when empty * feat: introduced flattening * fix: snapshots * fix: spacing * feat: added a dark variant to popover * feat: add featured comments tooltip * fix: better tests * feat: added tag counts * chore: changed string to enum * fix: removed unused translation * fix: changed schema for String -> TAG * feat: split comments -> comments, featuredComments * fix: adapt client to new endpoints * feat: use featured comment counts * test: featured count handling * fix: snapshots and optimistically approve comment during feature * fix: remove unnecessary assertion * feat: approve featured comments * fix: make optimistic update less reliant on existing data
MozillaFoundation · Jun 14, 2019 · 9d1f031 · 9d1f031
1 parent f8cf34e
commit 9d1f031
Show file tree

Hide file tree

Showing 213 changed files with 7,678 additions and 5,321 deletions.
diff --git a/doczrc.js b/doczrc.js
@@ -32,7 +32,7 @@ export default {
     config.module.rules.push({
       test: /\.css\.ts$/,
       use: [
-        isProduction ? MiniCssExtractPlugin.loader : styleLoader,
+        styleLoader,
         {
           loader: require.resolve("css-loader"),
           options: {

diff --git a/src/core/client/account/test/__snapshots__/confirmEmail.spec.tsx.snap b/src/core/client/account/test/__snapshots__/confirmEmail.spec.tsx.snap
@@ -16,24 +16,24 @@ exports[`renders form 1`] = `
         onSubmit={[Function]}
       >
         <div
-          className="HorizontalGutter-root HorizontalGutter-double"
+          className="Box-root HorizontalGutter-root HorizontalGutter-double"
         >
           <div
-            className="HorizontalGutter-root HorizontalGutter-full"
+            className="Box-root HorizontalGutter-root HorizontalGutter-full"
           >
             <h1
-              className="Typography-root Typography-heading1 Typography-colorTextPrimary"
+              className="Box-root Typography-root Typography-heading1 Typography-colorTextPrimary"
             >
               Email Confirmation
             </h1>
             <p
-              className="Typography-root Typography-bodyCopy Typography-colorTextPrimary"
+              className="Box-root Typography-root Typography-bodyCopy Typography-colorTextPrimary"
             >
               Click below to confirm your email address.
             </p>
           </div>
           <div
-            className="HorizontalGutter-root HorizontalGutter-full"
+            className="Box-root HorizontalGutter-root HorizontalGutter-full"
           >
             <button
               className="BaseButton-root Button-root Button-sizeRegular Button-colorPrimary Button-variantFilled Button-fullWidth"
@@ -66,19 +66,21 @@ exports[`renders missing confirm token 1`] = `
     className="MainLayout-centered"
   >
     <div
-      className="HorizontalGutter-root HorizontalGutter-double"
+      className="Box-root HorizontalGutter-root HorizontalGutter-double"
     >
       <h1
-        className="Typography-root Typography-heading1 Typography-colorTextPrimary"
+        className="Box-root Typography-root Typography-heading1 Typography-colorTextPrimary"
       >
         Oops Sorry!
       </h1>
       <div
         className="CallOut-root CallOut-colorError CallOut-fullWidth"
       >
-        <span>
-          The Confirm Token seems to be missing.
-        </span>
+        <div>
+          <span>
+            The Confirm Token seems to be missing.
+          </span>
+        </div>
       </div>
     </div>
   </div>

diff --git a/src/core/client/account/test/__snapshots__/resetPassword.spec.tsx.snap b/src/core/client/account/test/__snapshots__/resetPassword.spec.tsx.snap
@@ -16,37 +16,37 @@ exports[`renders form 1`] = `
         onSubmit={[Function]}
       >
         <div
-          className="HorizontalGutter-root HorizontalGutter-double"
+          className="Box-root HorizontalGutter-root HorizontalGutter-double"
         >
           <div
-            className="HorizontalGutter-root HorizontalGutter-full"
+            className="Box-root HorizontalGutter-root HorizontalGutter-full"
           >
             <h1
-              className="Typography-root Typography-heading1 Typography-colorTextPrimary"
+              className="Box-root Typography-root Typography-heading1 Typography-colorTextPrimary"
             >
               Reset your password
             </h1>
             <p
-              className="Typography-root Typography-bodyCopy Typography-colorTextPrimary"
+              className="Box-root Typography-root Typography-bodyCopy Typography-colorTextPrimary"
             >
               Please enter a new password to use to sign in to your account.
 Make sure it is unique and be sure to keep it secure.
             </p>
           </div>
           <div
-            className="HorizontalGutter-root HorizontalGutter-full"
+            className="Box-root HorizontalGutter-root HorizontalGutter-full"
           >
             <div
-              className="HorizontalGutter-root FormField-root HorizontalGutter-half"
+              className="Box-root HorizontalGutter-root FormField-root HorizontalGutter-half"
             >
               <label
-                className="Typography-root Typography-inputLabel Typography-colorTextPrimary InputLabel-root"
+                className="Box-root Typography-root Typography-inputLabel Typography-colorTextPrimary InputLabel-root"
                 htmlFor="password"
               >
                 Password
               </label>
               <p
-                className="Typography-root Typography-detail Typography-colorTextSecondary"
+                className="Box-root Typography-root Typography-detail Typography-colorTextSecondary"
               >
                 Must be at least 8 characters
               </p>
@@ -113,19 +113,21 @@ exports[`renders missing reset token 1`] = `
     className="MainLayout-centered"
   >
     <div
-      className="HorizontalGutter-root HorizontalGutter-double"
+      className="Box-root HorizontalGutter-root HorizontalGutter-double"
     >
       <h1
-        className="Typography-root Typography-heading1 Typography-colorTextPrimary"
+        className="Box-root Typography-root Typography-heading1 Typography-colorTextPrimary"
       >
         Oops Sorry!
       </h1>
       <div
         className="CallOut-root CallOut-colorError CallOut-fullWidth"
       >
-        <span>
-          The Reset Token seems to be missing.
-        </span>
+        <div>
+          <span>
+            The Reset Token seems to be missing.
+          </span>
+        </div>
       </div>
     </div>
   </div>

diff --git a/src/core/client/admin/routes/Moderate/ModerateCard/__snapshots__/Username.spec.tsx.snap b/src/core/client/admin/routes/Moderate/ModerateCard/__snapshots__/Username.spec.tsx.snap
@@ -2,7 +2,7 @@
 
 exports[`renders correctly 1`] = `
 <span
-  className="Typography-root Typography-heading4 Typography-colorTextPrimary Username-root"
+  className="Box-root Typography-root Typography-heading4 Typography-colorTextPrimary Username-root"
 >
   Marvin
 </span>
-Original file line number
+Diff line change
@@ Expand Up / @@ -2,7 +2,7 @@ @@
     exports[`renders correctly 1`] = `
     <span
-      className="Typography-root Typography-heading4 Typography-colorTextPrimary Username-root"
+      className="Box-root Typography-root Typography-heading4 Typography-colorTextPrimary Username-root"
     >
       Marvin
     </span>
@@ Expand Down @@