Issue 61 add question preview modal component

[leonleerl]

Change Summary

In Sidebar:

• Navigate to Question Pages

In Preview Modal:

• Render data from the Question Page
• Use <MathInput> Component
• Hide and show Solution

Change Form

Fill this up (NA if not available). If a certain criteria is not met, can you please give a reason.

• [T] The pull request title has an issue number
• [T] The change works by "Smoke testing" or quick testing
• [NA] The change has tests
• [T] The change has documentation

Related issue

• Resolve Add Question Preview Modal Component #61

[yunho7687]

hi, could you please attach some screenshots about your work?

[yunho7687]

the naming convention shall be lower case iirc (Question -> question)

[leonleerl]

the naming convention shall be lower case iirc (Question -> question)

Hi Yunho. I follow the style-guide.md. It says the folder name in /Components should use PascalCase.

[yunho7687]

yes, hh, my fault!

[leonleerl]

hi, could you please attach some screenshots about your work?

Yes. Here they are.

[yunho7687]

These two buttons should remain at the bottom, close to the bottom edge, regardless of the content length, and the modal box shall stretch when the content is extensive ( no inside scroll-bar in the modal )

[leonleerl]

These two buttons should remain at the bottom, close to the bottom edge, regardless of the content length, and the modal box shall stretch when the content is extensive ( no inside scroll-bar in the modal )

Hi Yunho. The problems have been fixed.
Test data:

$$
\begin{array}{|c|c|c|}
\hline
\textbf{X} & \textbf{Y} & \textbf{Linear Equation} \\
\hline
0 & 0 & y = 2x + 1 \\
\hline
1 & 3 & 2(1) + 1 = 3 \\
\hline
2 & 5 & 2(2) + 1 = 5 \\
\hline
3 & 7 & 2(3) + 1 = 7 \\
\hline
4 & 9 & 2(4) + 1 = 9 \\
\hline
5 & 11 & 2(5) + 1 = 11 \\
\hline
\end{array}
$$