User database has 2 parameters that we need: a True/False parameter and a Date & Time parameter.
We’ll call the true/false parameter “Agreed To TOS” and the date/time to “Agreement Time”.
The checkbox can be a toggle icon that sets the logged-in user “Agreed to TOS” to true when clicked and update the agreement time parameter to the current time. This allows me to know that they have agreed to the terms and the exact date & time they agreed.
For the actual components, I have 4. A rectangle, Icon toggle, and 2 Text components.
Layer them like so:
The 2 text components should link to each term based on which line they are.
Group the 2 text components together. Drop in the checkbox toggle and a rectangle. Set the rectangle to the size of the full height of both text components and line up the text and icons within the center of the rectangle and group those together.
What happens if you put a rectangle ( matching the text component size and set that rectangle arrangement to bring to front clicking three dots of the rectangle and set the rectangle to transparent ) on every text component as a container and group the text and rectangle and group again that all groups together?