Add wallets create group comp

[KlausMikhaelson]

Added add wallets step in create group component

[github-actions]

File: packages/examples/sdk-frontend-react/src/app/ChatUITest/ChatViewComponent.tsx

• The import statement for CreateGroupModal should be on a separate line.
• There is a commented code block that should be removed.
• The prop chatFilterList is declared but not used.
• The prop onVerificationFail is misspelled as onVerificatoinFail. It should be corrected to onVerificationFail.
• The prop limit is misspelled as limt. It should be corrected to limit.
• There is an unnecessary comma at the end of the prop verificationFailModalPosition.
• There is an unnecessary semicolon after the closing tag of ChatViewComponentCard. It should be removed.

File: packages/app.tsx

• The closing bracket of the customDarkTheme object is missing.
• The checkForWeb3Data function is missing a closing brace and parenthesis.
• The onChangeCAIP function is missing a closing parenthesis and brace.
• The useEffect hook is missing a closing parenthesis and brace.

File: packages/uiweb/src/lib/components/chat/ChatProfile/AddWalletContent.tsx

• The import statement for useGetChatProfile is unused and can be removed.
• The searchedText parameter in the handleSearch function is missing a closing parenthesis.
• The customSearchStyle object is missing a closing parenthesis and semicolon after the last property.
• The closing brace for the handleSearch function is missing.
• There is an unnecessary comma after the closing parenthesis of the if(newChatUser) condition.
• The clearInput function is missing a closing parenthesis.
• The addMemberToList function is missing a closing parenthesis before the closing brace.
• The errorMessage declaration is missing a closing parenthesis before the if (errorMessage) condition.
• There is an extra closing parenthesis after the closing parenthesis of the if(!isMemberAlreadyAdded) condition.
• The removeMemberFromList function is missing a closing parenthesis before the closing brace.
• The closing tag of the ClearIcon component is written as ></ClearIcon>. It should be self-closing <ClearIcon />.
• The closing brace for the AddWalletContent component is missing.

File: packages/uiweb/src/lib/components/chat/types/index.ts

• The GrouInfoType interface is misspelled. It should be corrected to GroupInfoType.
• The closing brace for the CATEGORY object is missing.
• The closing brace for the UNIT object is missing.
• The SubCategoryKeys type is missing a closing parenthesis.
• The DropdownCategoryValuesType type is missing a closing parenthesis.

File: packages/uiweb/src/lib/hooks/chat/useCreateGatedGroup.ts

• The file is empty. Please check if this is intentional or if there is missing code.

File: packages/uiweb/src/lib/types/index.ts

• The IMessage interface is missing a closing parenthesis.
• The ITheme interface is missing a closing parenthesis.

All looks good.

[github-actions]

In the file packages/examples/sdk-frontend-react/src/app/ChatUITest/ChatViewComponent.tsx:

• In the import statement, "@pushprotocol/uiweb" is misspelled. It should be "@pushprotocol/uiweb".
• The comment block for the CreateGroupModal component is not closed properly. It should end with "*/".
• The ChatView component has several props that are not aligned properly. They should each be on a new line with indentation.
• The onClose prop of the CreateGroupModal component has an unnecessary arrow function. It can be simplified to onClose={console.log('in close')}.
• The ChatViewComponentCard component is not defined. It should be imported from "../components/StyledComponents".

In the file packages/app/src/app/app.tsx:

• The customDarkTheme object is missing a closing brace "}" at the end.

In the file packages/uiweb/src/lib/components/chat/ChatProfile/AddWalletContent.tsx:

• The import statement for the CloseIcon is missing a semicolon at the end.

Overall, the code looks good with these fixes.

[mishramonalisha76]

Also make sure the dark mode works too

[github-actions]

File: packages/examples/sdk-frontend-react/src/app/ChatUITest/ChatViewComponent.tsx

1. In line 6, the import statement from '@pushprotocol/uiweb' is missing a semicolon at the end. It should be:

import { CreateGroupModal, MODAL_BACKGROUND_TYPE, MODAL_POSITION_TYPE } from "@pushprotocol/uiweb";

2. In line 27, there is a typo in the closing tag of the CreateGroupModal component. It should be </CreateGroupModal> instead of </ChatViewComponentCard>.

3. In line 42, the verificationFailModalPosition prop is missing a comma after the value. It should be:

verificationFailModalPosition={MODAL_POSITION_TYPE.RELATIVE},

File: packages/uiweb/src/lib/components/chat/ChatProfile/AddWalletContent.tsx

1. In line 78, there is a missing closing parentheses ')' after the addWalletValidation function call. It should be:

if (errorMessage) {
  groupInfoToast.showMessageToast({
    toastTitle: 'Error',
    toastMessage: errorMessage,
    toastType: 'ERROR',
    getToastIcon: (size) => <MdError size={size} color="red" />,
  });
} else if(!isMemberAlreadyAdded) {
  handleMemberList((prev: any) => [...prev, { ...member, isAdmin: false }]);
}

2. In line 168, there is a missing closing parentheses ')' after the handleSearch function call. It should be:

handleSearch={handleSearch}

[github-actions]

In file packages/examples/sdk-frontend-react/src/app/ChatUITest/ChatViewComponent.tsx:

• Line 9: Import paths should be relative to the file location, not absolute. Replace "@pushprotocol/uiweb" with "../../uiweb".

In file packages/uiweb/src/lib/components/chat/ChatProfile/AddWalletContent.tsx:

• Line 11: Remove the import of the CloseIcon since it is not used in the component.
• Line 119: Add a closing parenthesis ")" at the end of the addWalletValidation function call.

In file packages/uiweb/src/lib/components/chat/CreateGroup/AddWallets.tsx:

• Line 6: Import path of the Span component should be "../../reusables" instead of "../../chat/types/index".
• Line 27: Import the Type for GroupInfoType instead of GrouInfoType.
• Line 34: Remove the import of the BackIcon since it is not used in the component.
• Line 92: Add a closing parenthesis ")" at the end of the showError function call.
• Line 120: Add a closing parenthesis ")" at the end of the createGatedGroup function call.
• Line 141: Add a closing parenthesis ")" at the end of the showError function call.
• Line 144: Add a closing parenthesis ")" at the end of the showError function call.
• Line 155: Add a closing parenthesis ")" at the end of the createGroupService function call.
• Line 162: Add a closing parenthesis ")" at the end of the showError function call.
• Line 169: Add a closing parenthesis ")" at the end of the verifyAndCreateGroup function call.

Other than these minor corrections, the code looks good.