chore: update translation (#192)

* chore: update translation

* chore: update test

---------

Co-authored-by: Leangseu Kim <[email protected]>

src/components/Prompt/__snapshots__/index.test.jsx.snap

@@ -7,7 +7,7 @@ exports[`<Prompt /> render default 1`] = `
     <h3
       className="py-3"
     >
-      title
+      Prompt
     </h3>
   }
 >
@@ -30,7 +30,7 @@ exports[`<Prompt /> render with open and onToggle 1`] = `
     <h3
       className="py-3"
     >
-      title
+      Prompt
     </h3>
   }
 >

src/components/Prompt/index.jsx

@@ -12,13 +12,13 @@ import messages from './messages';
 import './index.scss';
 
 const Prompt = ({
-  prompt, title, open, onToggle,
+  prompt, open, onToggle,
 }) => {
   const { formatMessage } = useIntl();
   const viewStep = useViewStep();
   const activeStepName = useActiveStepName();
   const message = messages[viewStep] || messages[activeStepName] || messages.promptTitle;
-  const promptTitle = title || formatMessage(message);
+  const promptTitle = formatMessage(message);
   const imgRegex = /img src="\/asset-v1([^"]*)?"/g;
   const linkRegex = /a href="\/asset-v1([^"]*)?"/g;
   const { baseAssetUrl } = useORAConfigData();
@@ -51,14 +51,12 @@ const Prompt = ({
 Prompt.defaultProps = {
   open: null,
   onToggle: null,
-  title: null,
 };
 
 Prompt.propTypes = {
   prompt: PropTypes.string.isRequired,
   open: PropTypes.bool,
   onToggle: PropTypes.func,
-  title: PropTypes.string,
 };
 
 export default Prompt;

src/views/XBlockStudioView/components/StudioViewPrompt.jsx

@@ -1,26 +1,21 @@
 import React from 'react';
 
-import { useIntl } from '@edx/frontend-platform/i18n';
-
 import { usePrompts } from 'hooks/app';
 import Prompt from 'components/Prompt';
 
 import { useXBlockStudioViewContext } from './XBlockStudioViewProvider';
-import messages from './messages';
 
 const StudioViewPrompt = () => {
-  const { formatMessage } = useIntl();
   const prompts = usePrompts();
 
   const { promptIsOpen, togglePrompt } = useXBlockStudioViewContext();
 
   return (
     <>
-      {prompts.map((prompt, index) => (
+      {prompts.map((prompt) => (
         <Prompt
           key={prompt}
           prompt={prompt}
-          title={`${formatMessage(messages.promptHeader)} ${index + 1}`}
           open={promptIsOpen}
           onToggle={togglePrompt}
         />

src/views/XBlockStudioView/components/__snapshots__/StudioViewPrompt.test.jsx.snap

@@ -7,14 +7,12 @@ exports[`<StudioViewPrompt /> render with prompt 1`] = `
     onToggle={[MockFunction togglePrompt]}
     open={true}
     prompt="prompt1"
-    title="Prompt 1"
   />
   <Prompt
     key="prompt2"
     onToggle={[MockFunction togglePrompt]}
     open={true}
     prompt="prompt2"
-    title="Prompt 2"
   />
 </Fragment>
 `;