add warning

oss-apps · Aug 29, 2024 · da5f90c · da5f90c
1 parent 70bef02
commit da5f90c
Show file tree

Hide file tree

Showing 2 changed files with 53 additions and 38 deletions.
diff --git a/src/components/AddExpense/SelectUserOrGroup.tsx b/src/components/AddExpense/SelectUserOrGroup.tsx
@@ -74,25 +74,34 @@ export const SelectUserOrGroup: React.FC = () => {
 
   return (
     <div className="mt-1 ">
-      <div className="flex gap-4">
-        <Button
-          className="mt-4 w-full text-cyan-500 hover:text-cyan-500"
-          variant="outline"
-          disabled={!isEmail.success}
-          onClick={() => onAddEmailClick(false)}
-        >
-          <SendIcon className="mr-2 h-4 w-4" />
-          Send invite to user
-        </Button>
-        <Button
-          className="mt-4 w-full text-cyan-500 hover:text-cyan-500"
-          variant="outline"
-          disabled={!isEmail.success}
-          onClick={() => onAddEmailClick(true)}
-        >
-          <UserPlusIcon className="mr-2 h-4 w-4" />
-          Add to Split Pro
-        </Button>
+      <div>
+        <div>
+          <div className="mt-1 text-orange-600">
+            {isEmail.success
+              ? "Warning: Don't use send invite if it's invalid email. use add to Split Pro instead. Your account will be blocked if this feature is misused"
+              : null}
+          </div>
+        </div>
+        <div className="flex gap-4">
+          <Button
+            className="mt-4 w-full text-cyan-500 hover:text-cyan-500"
+            variant="outline"
+            disabled={!isEmail.success}
+            onClick={() => onAddEmailClick(false)}
+          >
+            <SendIcon className="mr-2 h-4 w-4" />
+            Send invite to user
+          </Button>
+          <Button
+            className="mt-4 w-full text-cyan-500 hover:text-cyan-500"
+            variant="outline"
+            disabled={!isEmail.success}
+            onClick={() => onAddEmailClick(true)}
+          >
+            <UserPlusIcon className="mr-2 h-4 w-4" />
+            Add to Split Pro
+          </Button>
+        </div>
       </div>
       <div className="mt-2">
         {filteredFriends?.length ? (

diff --git a/src/components/group/AddMembers.tsx b/src/components/group/AddMembers.tsx
@@ -118,25 +118,31 @@ const AddMembers: React.FC<{
         {!isEmail.success ? (
           <p className="mt-4 text-red-500">Enter valid email</p>
         ) : (
-          <div className="flex gap-4">
-            <Button
-              className="mt-4 w-full text-cyan-500"
-              variant="outline"
-              disabled={!isEmail.success}
-              onClick={() => onAddEmailClick(false)}
-            >
-              <SendIcon className="mr-2 h-4 w-4" />
-              {isEmail.success ? 'Send invite to user' : 'Enter valid email'}
-            </Button>
-            <Button
-              className="mt-4 w-full text-cyan-500"
-              variant="outline"
-              disabled={!isEmail.success}
-              onClick={() => onAddEmailClick(true)}
-            >
-              <UserPlusIcon className="mr-2 h-4 w-4" />
-              {isEmail.success ? 'Add to Split Pro' : 'Enter valid email'}
-            </Button>
+          <div>
+            <div className="mt-1 text-orange-600">
+              Warning: Don&apos;t use send invite if it&apos;s invalid email. use add to Split Pro
+              instead. Your account will be blocked if this feature is misused
+            </div>
+            <div className="flex gap-4">
+              <Button
+                className="mt-4 w-full text-cyan-500"
+                variant="outline"
+                disabled={!isEmail.success}
+                onClick={() => onAddEmailClick(false)}
+              >
+                <SendIcon className="mr-2 h-4 w-4" />
+                {isEmail.success ? 'Send invite to user' : 'Enter valid email'}
+              </Button>
+              <Button
+                className="mt-4 w-full text-cyan-500"
+                variant="outline"
+                disabled={!isEmail.success}
+                onClick={() => onAddEmailClick(true)}
+              >
+                <UserPlusIcon className="mr-2 h-4 w-4" />
+                {isEmail.success ? 'Add to Split Pro' : 'Enter valid email'}
+              </Button>
+            </div>
           </div>
         )}
         <div className="mt-4 flex flex-col gap-4">