(null);
+
+ useEffect(() => {
+ HttpService.makeCallToBackend({
+ path: `/user-groups/for-current-user`,
+ successCallback: setUserGroups,
+ });
+ }, [setUserGroups]);
+
+ const groupTableComponents = () => {
+ if (!userGroups) {
+ return null;
+ }
+
+ return userGroups.map((userGroup: string) => {
+ return (
+ <>
+ With tasks completed by group: {userGroup}
+
+ This is a list of instances with tasks that were completed by the{' '}
+ {userGroup} group.
+
+
+ >
+ );
+ });
+ };
+
+ return (
+ <>
+ My open instances
+
+ This is a list of instances you started that are now complete.
+
+
+ With tasks I can complete
+
+ This is a list of instances that have tasks that you can complete.
+
+
+ {/**
+ {groupTableComponents()}
+ * */}
+ >
+ );
+}