🆙 Init V3

src/components/friends/views/friends-list/friends-list-request/FriendsListRequestItemView.tsx

@@ -0,0 +1,25 @@
+import { FC } from 'react';
+import { MessengerRequest } from '../../../../../api';
+import { NitroCardAccordionItemView, UserProfileIconView } from '../../../../../common';
+import { useFriends } from '../../../../../hooks';
+
+export const FriendsListRequestItemView: FC<{ request: MessengerRequest }> = props =>
+{
+    const { request = null } = props;
+    const { requestResponse = null } = useFriends();
+
+    if(!request) return null;
+
+    return (
+        <NitroCardAccordionItemView className="px-2 py-1" justifyContent="between">
+            <div className="flex items-center gap-1">
+                <UserProfileIconView userId={ request.id } />
+                <div>{ request.name }</div>
+            </div>
+            <div className="flex items-center gap-1">
+                <div className="nitro-friends-spritesheet icon-accept cursor-pointer" onClick={ event => requestResponse(request.id, true) } />
+                <div className="nitro-friends-spritesheet icon-deny cursor-pointer" onClick={ event => requestResponse(request.id, false) } />
+            </div>
+        </NitroCardAccordionItemView>
+    );
+};

src/components/friends/views/friends-list/friends-list-request/FriendsListRequestView.tsx

@@ -0,0 +1,29 @@
+import { FC } from 'react';
+import { LocalizeText } from '../../../../../api';
+import { Button, Column, NitroCardAccordionSetView, NitroCardAccordionSetViewProps } from '../../../../../common';
+import { useFriends } from '../../../../../hooks';
+import { FriendsListRequestItemView } from './FriendsListRequestItemView';
+
+export const FriendsListRequestView: FC<NitroCardAccordionSetViewProps> = props =>
+{
+    const { children = null, ...rest } = props;
+    const { requests = [], requestResponse = null } = useFriends();
+
+    if(!requests.length) return null;
+
+    return (
+        <NitroCardAccordionSetView { ...rest }>
+            <Column fullHeight gap={ 1 } justifyContent="between">
+                <Column gap={ 0 }>
+                    { requests.map((request, index) => <FriendsListRequestItemView key={ index } request={ request } />) }
+                </Column>
+                <div className="flex justify-center px-2 py-1">
+                    <Button onClick={ event => requestResponse(-1, false) }>
+                        { LocalizeText('friendlist.requests.dismissall') }
+                    </Button>
+                </div>
+            </Column>
+            { children }
+        </NitroCardAccordionSetView>
+    );
+};