Reorganize props and add comments to identify groups

ufosc · Feb 25, 2024 · cfd1584 · cfd1584
1 parent 9ac9d8c
commit cfd1584
Showing 1 changed file with 19 additions and 13 deletions.
diff --git a/client/src/types/Props.ts b/client/src/types/Props.ts
@@ -1,29 +1,37 @@
 import React from "react";
 import { MessageType } from "./Message";
 
-export type MessageProps =  {
-  messageContent: string;
-  time: number;
-  author: string;
+/* button props */
+export type LogInButtonProps = {
+  onPress?: () => void;
 }
 
-export type ChatSendButtonProps = {
-  onPress?: () => void,
+export type SignUpButtonProps = {
+    onPress?: () => void;
 }
 
+export type ChatSendButtonProps = {
+    onPress?: () => void,
+}
+
+/* input props */
 export type ChatInputProps = {
-  value?: string,
-  onChangeText?: (text: string) => void
+    value?: string,
+    onChangeText?: (text: string) => void
 }
 
-export type LogInButtonProps = {
-  onPress?: () => void;
+/* message related props */
+export type MessageProps =  {
+    messageContent: string;
+    time: number;
+    author: string;
 }
 
 export type MessageChannelProps = {
   messages: MessageType[],
 }
 
+/* misc props*/
 export type CounterProps = {
   count: number;
 }
@@ -32,6 +40,4 @@ export type SafeAreaWrapperProps = {
   children: React.ReactNode;
 }
 
-export type SignUpButtonProps = {
-  onPress?: () => void;
-}
+