feat: use new MFE editor for game xblock

cms/djangoapps/contentstore/views/component.py

@@ -43,6 +43,12 @@
 from xmodule.modulestore.django import modulestore  # lint-amnesty, pylint: disable=wrong-import-order
 from xmodule.modulestore.exceptions import ItemNotFoundError  # lint-amnesty, pylint: disable=wrong-import-order
 
+try:
+    from games.toggles import is_games_xblock_enabled  # pylint: disable=import-error
+except ImportError:
+    def is_games_xblock_enabled():
+        return False
+
 __all__ = [
     'container_handler',
     'component_handler',
@@ -63,6 +69,8 @@
     'openassessment',
     'drag-and-drop-v2',
 ]
+if is_games_xblock_enabled():
+    COMPONENT_TYPES.append('games')
 
 BETA_COMPONENT_TYPES = ['library_v2', 'itembank']
 
@@ -288,6 +296,8 @@ def create_support_legend_dict():
         'itembank': _("Problem Bank"),
         'drag-and-drop-v2': _("Drag and Drop"),
     }
+    if is_games_xblock_enabled():
+        component_display_names['games'] = _("Games")
 
     component_templates = []
     categories = set()

cms/static/js/views/pages/container.js

@@ -512,6 +512,7 @@ function($, _, Backbone, gettext, BasePage,
                 if((useNewTextEditor === 'True' && blockType === 'html')
                         || (useNewVideoEditor === 'True' && blockType === 'video')
                         || (useNewProblemEditor === 'True' && blockType === 'problem')
+                        || (blockType === 'games')
                 ) {
                     var destinationUrl = primaryHeader.attr('authoring_MFE_base_url')
                         + '/' + blockType

cms/static/sass/assets/_graphics.scss

@@ -80,3 +80,9 @@
   height: ($baseline*3);
   background: url('#{$static-path}/images/large-itembank-icon.png') center no-repeat;
 }
+
+.large-games-icon {
+  display: inline-block;
+  width: ($baseline*3);
+  height: ($baseline*3);
+  background: url('#{$static-path}/images/large-games-icon.svg') center no-repeat; }