temp: check diff

open-craft · Mar 8, 2024 · 9f45062 · 9f45062
1 parent 5c805cb
commit 9f45062
Showing 1 changed file with 122 additions and 124 deletions.
diff --git a/src/course-outline/card-header/CardHeader.jsx b/src/course-outline/card-header/CardHeader.jsx
@@ -100,146 +100,144 @@ const CardHeader = ({
   });
 
   return (
-    <>
-      <div
-        className="item-card-header"
-        data-testid={`${namePrefix}-card-header`}
-        ref={cardHeaderRef}
-      >
-        {isFormOpen ? (
-          <Form.Group className="m-0 w-75">
-            <Form.Control
-              data-testid={`${namePrefix}-edit-field`}
-              ref={(e) => e && e.focus()}
-              value={titleValue}
-              name="displayName"
-              onChange={(e) => setTitleValue(e.target.value)}
-              aria-label="edit field"
-              onBlur={() => onEditSubmit(titleValue)}
-              onKeyDown={(e) => {
-                if (e.key === 'Enter') {
-                  onEditSubmit(titleValue);
-                }
-              }}
-              disabled={isDisabledEditField}
-            />
-          </Form.Group>
-        ) : (
-          <>
-            {titleComponent}
-            <IconButton
-              className="item-card-edit-icon"
-              data-testid={`${namePrefix}-edit-button`}
-              alt={intl.formatMessage(messages.altButtonEdit)}
-              iconAs={EditIcon}
-              onClick={onClickEdit}
-            />
-          </>
+    <div
+      className="item-card-header"
+      data-testid={`${namePrefix}-card-header`}
+      ref={cardHeaderRef}
+    >
+      {isFormOpen ? (
+        <Form.Group className="m-0 w-75">
+          <Form.Control
+            data-testid={`${namePrefix}-edit-field`}
+            ref={(e) => e && e.focus()}
+            value={titleValue}
+            name="displayName"
+            onChange={(e) => setTitleValue(e.target.value)}
+            aria-label="edit field"
+            onBlur={() => onEditSubmit(titleValue)}
+            onKeyDown={(e) => {
+              if (e.key === 'Enter') {
+                onEditSubmit(titleValue);
+              }
+            }}
+            disabled={isDisabledEditField}
+          />
+        </Form.Group>
+      ) : (
+        <>
+          {titleComponent}
+          <IconButton
+            className="item-card-edit-icon"
+            data-testid={`${namePrefix}-edit-button`}
+            alt={intl.formatMessage(messages.altButtonEdit)}
+            iconAs={EditIcon}
+            onClick={onClickEdit}
+          />
+        </>
+      )}
+      <div className="ml-auto d-flex">
+        {(isVertical || isSequential) && (
+          <CardStatus status={status} showDiscussionsEnabledBadge={showDiscussionsEnabledBadge} />
         )}
-        <div className="ml-auto d-flex">
-          {(isVertical || isSequential) && (
-            <CardStatus status={status} showDiscussionsEnabledBadge={showDiscussionsEnabledBadge} />
-          )}
-          { contentTagCount > 0 && <TagCount count={contentTagCount} onClick={openManageTagsDrawer} /> }
-          <Dropdown data-testid={`${namePrefix}-card-header__menu`} onClick={onClickMenuButton}>
-            <Dropdown.Toggle
-              className="item-card-header__menu"
-              id={`${namePrefix}-card-header__menu`}
-              data-testid={`${namePrefix}-card-header__menu-button`}
-              as={IconButton}
-              src={MoveVertIcon}
-              alt={`${namePrefix}-card-header__menu`}
-              iconAs={Icon}
-            />
-            <Dropdown.Menu>
-              {isSequential && proctoringExamConfigurationLink && (
-                <Dropdown.Item
-                  as={Hyperlink}
-                  target="_blank"
-                  destination={proctoringExamConfigurationLink}
-                  href={proctoringExamConfigurationLink}
-                  externalLinkTitle={intl.formatMessage(messages.proctoringLinkTooltip)}
-                >
-                  {intl.formatMessage(messages.menuProctoringLinkText)}
-                </Dropdown.Item>
-              )}
+        { contentTagCount > 0 && <TagCount count={contentTagCount} onClick={openManageTagsDrawer} /> }
+        <Dropdown data-testid={`${namePrefix}-card-header__menu`} onClick={onClickMenuButton}>
+          <Dropdown.Toggle
+            className="item-card-header__menu"
+            id={`${namePrefix}-card-header__menu`}
+            data-testid={`${namePrefix}-card-header__menu-button`}
+            as={IconButton}
+            src={MoveVertIcon}
+            alt={`${namePrefix}-card-header__menu`}
+            iconAs={Icon}
+          />
+          <Dropdown.Menu>
+            {isSequential && proctoringExamConfigurationLink && (
               <Dropdown.Item
-                data-testid={`${namePrefix}-card-header__menu-publish-button`}
-                disabled={isDisabledPublish}
-                onClick={onClickPublish}
+                as={Hyperlink}
+                target="_blank"
+                destination={proctoringExamConfigurationLink}
+                href={proctoringExamConfigurationLink}
+                externalLinkTitle={intl.formatMessage(messages.proctoringLinkTooltip)}
               >
-                {intl.formatMessage(messages.menuPublish)}
+                {intl.formatMessage(messages.menuProctoringLinkText)}
               </Dropdown.Item>
+            )}
+            <Dropdown.Item
+              data-testid={`${namePrefix}-card-header__menu-publish-button`}
+              disabled={isDisabledPublish}
+              onClick={onClickPublish}
+            >
+              {intl.formatMessage(messages.menuPublish)}
+            </Dropdown.Item>
+            <Dropdown.Item
+              data-testid={`${namePrefix}-card-header__menu-configure-button`}
+              onClick={onClickConfigure}
+            >
+              {intl.formatMessage(messages.menuConfigure)}
+            </Dropdown.Item>
+            {true && ( // ToDo: check waffle flag
               <Dropdown.Item
-                data-testid={`${namePrefix}-card-header__menu-configure-button`}
-                onClick={onClickConfigure}
+                data-testid={`${namePrefix}-card-header__menu-manage-tags-button`}
+                onClick={openManageTagsDrawer}
               >
-                {intl.formatMessage(messages.menuConfigure)}
+                {intl.formatMessage(messages.menuManageTags)}
               </Dropdown.Item>
-              {true && ( // ToDo: check waffle flag
-                <Dropdown.Item
-                  data-testid={`${namePrefix}-card-header__menu-manage-tags-button`}
-                  onClick={openManageTagsDrawer}
-                >
-                  {intl.formatMessage(messages.menuManageTags)}
-                </Dropdown.Item>
-              )}
+            )}
 
-              {isVertical && enableCopyPasteUnits && (
-                <Dropdown.Item onClick={onClickCopy}>
-                  {intl.formatMessage(messages.menuCopy)}
-                </Dropdown.Item>
-              )}
-              {actions.duplicable && (
+            {isVertical && enableCopyPasteUnits && (
+              <Dropdown.Item onClick={onClickCopy}>
+                {intl.formatMessage(messages.menuCopy)}
+              </Dropdown.Item>
+            )}
+            {actions.duplicable && (
+              <Dropdown.Item
+                data-testid={`${namePrefix}-card-header__menu-duplicate-button`}
+                onClick={onClickDuplicate}
+              >
+                {intl.formatMessage(messages.menuDuplicate)}
+              </Dropdown.Item>
+            )}
+            {actions.draggable && (
+              <>
                 <Dropdown.Item
-                  data-testid={`${namePrefix}-card-header__menu-duplicate-button`}
-                  onClick={onClickDuplicate}
+                  data-testid={`${namePrefix}-card-header__menu-move-up-button`}
+                  onClick={onClickMoveUp}
+                  disabled={!actions.allowMoveUp}
                 >
-                  {intl.formatMessage(messages.menuDuplicate)}
+                  {intl.formatMessage(messages.menuMoveUp)}
                 </Dropdown.Item>
-              )}
-              {actions.draggable && (
-                <>
-                  <Dropdown.Item
-                    data-testid={`${namePrefix}-card-header__menu-move-up-button`}
-                    onClick={onClickMoveUp}
-                    disabled={!actions.allowMoveUp}
-                  >
-                    {intl.formatMessage(messages.menuMoveUp)}
-                  </Dropdown.Item>
-                  <Dropdown.Item
-                    data-testid={`${namePrefix}-card-header__menu-move-down-button`}
-                    onClick={onClickMoveDown}
-                    disabled={!actions.allowMoveDown}
-                  >
-                    {intl.formatMessage(messages.menuMoveDown)}
-                  </Dropdown.Item>
-                </>
-              )}
-              {actions.deletable && (
                 <Dropdown.Item
-                  className="border-top border-light"
-                  data-testid={`${namePrefix}-card-header__menu-delete-button`}
-                  onClick={onClickDelete}
+                  data-testid={`${namePrefix}-card-header__menu-move-down-button`}
+                  onClick={onClickMoveDown}
+                  disabled={!actions.allowMoveDown}
                 >
-                  {intl.formatMessage(messages.menuDelete)}
+                  {intl.formatMessage(messages.menuMoveDown)}
                 </Dropdown.Item>
-              )}
-            </Dropdown.Menu>
-          </Dropdown>
-        </div>
+              </>
+            )}
+            {actions.deletable && (
+              <Dropdown.Item
+                className="border-top border-light"
+                data-testid={`${namePrefix}-card-header__menu-delete-button`}
+                onClick={onClickDelete}
+              >
+                {intl.formatMessage(messages.menuDelete)}
+              </Dropdown.Item>
+            )}
+          </Dropdown.Menu>
+        </Dropdown>
       </div>
-      <Sheet
-        position="right"
-        show={isManageTagsDrawerOpen}
+    </div>
+    <Sheet
+      position="right"
+      show={isManageTagsDrawerOpen}
+      onClose={/* istanbul ignore next */ () => closeManageTagsDrawer()}
+    >
+      <ContentTagsDrawer
+        id={cardId}
         onClose={/* istanbul ignore next */ () => closeManageTagsDrawer()}
-      >
-        <ContentTagsDrawer
-          id={cardId}
-          onClose={/* istanbul ignore next */ () => closeManageTagsDrawer()}
-        />
-      </Sheet>
-    </>
+      />
+    </Sheet>
   );
 };