group posts

src/pages/Home.tsx

@@ -19,6 +19,11 @@ import { MissionsRightPanel } from '../views/home/rightpanel/Missions';
 import { ArticlesRightPanel } from '../views/home/rightpanel/Articles';
 import { GroupRightPanel } from '../views/home/rightpanel/Group';
 import GroupInvite from '../views/home/groupinviter/GroupInvite';
+import {
+    toastError,
+    toastSuccess,
+    toastWarning,
+} from '../lib/toastNotification';
 
 const Home = () => {
     const name = useAppSelector((state) => state.auth.username);
@@ -75,6 +80,30 @@ const Home = () => {
                                 >
                                     выйти
                                 </PrimaryButton>
+
+                                <div className="flex mt-[20px] gap-[20px]">
+                                    <PrimaryButton
+                                        color="success"
+                                        text="Toast"
+                                        onClick={() => {
+                                            toastSuccess('Success');
+                                        }}
+                                    />
+                                    <PrimaryButton
+                                        color="warning"
+                                        text="Toast"
+                                        onClick={() => {
+                                            toastWarning('Warning');
+                                        }}
+                                    />
+                                    <PrimaryButton
+                                        color="error"
+                                        text="Toast"
+                                        onClick={() => {
+                                            toastError('Error');
+                                        }}
+                                    />
+                                </div>
                             </>
                         }
                     />