fix(application): 🐛 Text Display

src/components/application/questions/TextDisplay.tsx

@@ -0,0 +1,34 @@
+import { Text } from '@mantine/core';
+import { IconLetterT } from '@tabler/icons-react';
+import { ApplicationQuestion } from '../../../utils/application/ApplicationQuestions';
+
+export interface TextDisplayProps extends ApplicationQuestion {
+	additionalData: {};
+}
+
+function validation(props: TextDisplayProps): (value: string) => void {
+	return (value: string) => {
+		return false;
+	};
+}
+
+const TextDisplay = (props: TextDisplayProps) => {
+	return (
+		<>
+			<Text style={props.style}>{props.title}</Text>
+			{props.subtitle && (
+				<Text c="dimmed" size="sm">
+					{props.subtitle}
+				</Text>
+			)}
+		</>
+	);
+};
+
+const EditQuestion: any = undefined;
+
+TextDisplay.edit = EditQuestion;
+TextDisplay.mockdata = {};
+TextDisplay.validation = validation;
+TextDisplay.icon = IconLetterT;
+export default TextDisplay;

src/utils/application/ApplicationQuestions.tsx

@@ -7,11 +7,12 @@ import ImageUploadQuestion from '../../components/application/questions/ImageUpl
 import LongTextQuestion from '../../components/application/questions/LongTextQuestion';
 import MinecraftQuestion from '../../components/application/questions/MinecraftQuestion';
 import SliderQuestion from '../../components/application/questions/SliderQuestion';
+import TextDisplay from '../../components/application/questions/TextDisplay';
 import TextQuestion from '../../components/application/questions/TextQuestion';
 import UrlQuestion from '../../components/application/questions/UrlQuestion';
 
 export const ApplicationQuestions: { [key: string]: any } = {
-	TEXT: Text,
+	TEXT: TextDisplay,
 	SHORT_INPUT: TextQuestion,
 	LONG_INPUT: LongTextQuestion,
 	DROPDOWN: DropdownQuestion,