From 6858639161fda5f8d9a1c9b7413eec9d56063d51 Mon Sep 17 00:00:00 2001
From: MTG2000 <mtg0987654321@gmail.com>
Date: Wed, 3 Aug 2022 10:55:30 +0300
Subject: [PATCH 01/42] update: update navigation components

- Update 'products' to 'apps'
- Make nav content stay withing the same contains as the page body on large screen.
- Change nav items order on mobile
- Add emojis to profile menu items

#107
---
 src/App.tsx                                   |  8 +-
 src/Components/Navbar/NavDesktop.tsx          | 18 ++--
 src/Components/Navbar/NavMobile.tsx           | 88 ++++++++++---------
 .../CategoryPage/HeaderImage/HeaderImage.tsx  |  2 +-
 .../ExplorePage/Categories/Categories.tsx     |  2 +-
 .../ProjectsSection/ProjectsSection.tsx       |  6 +-
 src/styles/index.scss                         | 22 +++--
 src/utils/hooks/useCurrentSection.ts          |  4 +-
 8 files changed, 81 insertions(+), 69 deletions(-)

diff --git a/src/App.tsx b/src/App.tsx
index 5d0c5b1..96f174c 100644
--- a/src/App.tsx
+++ b/src/App.tsx
@@ -93,9 +93,9 @@ function App() {
         <Route path="/blog/create-post" element={<ProtectedRoute><CreatePostPage /></ProtectedRoute>} />
 
         <Route element={<NavbarLayout />}>
-          <Route path="/products/hottest" element={<HottestPage />} />
-          <Route path="/products/category/:id" element={<CategoryPage />} />
-          <Route path="/products" element={<ExplorePage />} />
+          <Route path="/apps/hottest" element={<HottestPage />} />
+          <Route path="/apps/category/:id" element={<CategoryPage />} />
+          <Route path="/apps" element={<ExplorePage />} />
 
           <Route path="/blog/post/:type/:id/*" element={<PostDetailsPage />} />
           <Route path="/blog" element={<FeedPage />} />
@@ -108,7 +108,7 @@ function App() {
           <Route path="/login" element={<LoginPage />} />
           <Route path="/logout" element={<LogoutPage />} />
 
-          <Route path="/" element={<Navigate to="/products" />} />
+          <Route path="/" element={<Navigate to="/apps" />} />
         </Route>
 
       </Routes>
diff --git a/src/Components/Navbar/NavDesktop.tsx b/src/Components/Navbar/NavDesktop.tsx
index ae3e460..797b6ab 100644
--- a/src/Components/Navbar/NavDesktop.tsx
+++ b/src/Components/Navbar/NavDesktop.tsx
@@ -5,16 +5,14 @@ import ASSETS from "src/assets";
 import Search from "./Search/Search";
 import IconButton from "../IconButton/IconButton";
 import { Link, useNavigate } from "react-router-dom";
-import { useRef, useState } from "react";
+import { useState } from "react";
 import {
     Menu,
     MenuItem,
     MenuButton,
-    useMenuState,
-    ControlledMenu,
 } from '@szhsin/react-menu';
 import '@szhsin/react-menu/dist/index.css';
-import { FiChevronDown, FiLogIn } from "react-icons/fi";
+import { FiChevronDown } from "react-icons/fi";
 import Avatar from "src/features/Profiles/Components/Avatar/Avatar";
 import { createRoute } from "src/utils/routing";
 import Button from "../Button/Button";
@@ -41,7 +39,7 @@ export default function NavDesktop() {
 
     return (
         <nav className="bg-white py-16 flex items-center w-full min-w-full">
-            <div className="page-container flex items-center !p-0">
+            <div className="content-container flex items-center">
                 <Link to="/">
                     <h2 className="text-h5 font-bold mr-40 lg:mr-64">
                         <img className='h-40' src={ASSETS.Logo} alt="Bolt fun logo" />
@@ -49,8 +47,8 @@ export default function NavDesktop() {
                 </Link>
                 <ul className="flex gap-32 xl:gap-64">
                     <li className="relative">
-                        <Link to={'/products'} className='text-body4 font-bold hover:text-primary-600'>
-                            Products
+                        <Link to={'/apps'} className='text-body4 font-bold hover:text-primary-600'>
+                            Apps
                         </Link>
                     </li>
                     <li>
@@ -161,7 +159,7 @@ export default function NavDesktop() {
                             : <Button className="ml-16 py-12 px-16 lg:px-20" onClick={onConnectWallet}><AiFillThunderbolt className='inline-block text-thunder transform scale-125' /> Connect Wallet </Button>
                         } */}
 
-                    {currentSection === 'products' && <IconButton className='mr-16 self-center' onClick={openSearch}>
+                    {currentSection === 'apps' && <IconButton className='mr-16 self-center' onClick={openSearch}>
                         <BsSearch className='scale-125 text-gray-400' />
                     </IconButton>}
                 </motion.div>
@@ -178,7 +176,7 @@ export default function NavDesktop() {
                                 }}
                                 className='!p-16 font-medium flex gap-16 hover:bg-gray-100 !rounded-12'
                             >
-                                Profile
+                                👾 Profile
                             </MenuItem>
                             <MenuItem
                                 href="/logout"
@@ -188,7 +186,7 @@ export default function NavDesktop() {
                                 }}
                                 className='!p-16 font-medium flex gap-16 hover:bg-gray-100 !rounded-12'
                             >
-                                Logout
+                                👋 Logout
                             </MenuItem>
                         </Menu>
 
diff --git a/src/Components/Navbar/NavMobile.tsx b/src/Components/Navbar/NavMobile.tsx
index a7dbd10..badf325 100644
--- a/src/Components/Navbar/NavMobile.tsx
+++ b/src/Components/Navbar/NavMobile.tsx
@@ -16,8 +16,6 @@ import { Menu, MenuButton, MenuItem } from "@szhsin/react-menu";
 import Avatar from "src/features/Profiles/Components/Avatar/Avatar";
 import { createRoute } from "src/utils/routing";
 
-const NAV_HEIGHT = "67px"
-
 const navBtnVariant = {
   menuHide: { rotate: 90, opacity: 0 },
   menuShow: { rotate: 0, opacity: 1 },
@@ -75,45 +73,53 @@ export default function NavMobile() {
   return (
     <div className={`${styles.navMobile}`}>
       <nav className={`bg-white h-[67px] w-full py-16`}>
-        <div className="page-container flex justify-between items-center !p-0">
-          <Link to="/">
-            <img className='h-32' src={ASSETS.Logo} alt="Bolt fun logo" />
-          </Link>
+        <div className="content-container flex justify-between items-center">
 
-          <div className="ml-auto"></div>
-          {curUser !== undefined &&
-            (curUser &&
-              <Menu
-                menuClassName='!p-8 !rounded-12'
-                menuButton={<MenuButton ><Avatar src={curUser.avatar} width={32} /> </MenuButton>}>
-                <MenuItem
-                  href={createRoute({ type: 'profile', id: curUser.id, username: curUser.name })}
-                  onClick={(e) => {
-                    e.syntheticEvent.preventDefault();
-                    navigate(createRoute({ type: 'profile', id: curUser.id, username: curUser.name }));
-                  }}
-                  className='!p-16 font-medium flex gap-16 hover:bg-gray-100 !rounded-12'
-                >
-                  Profile
-                </MenuItem>
-                <MenuItem
-                  href="/logout"
-                  onClick={(e) => {
-                    e.syntheticEvent.preventDefault();
-                    navigate("/logout");
-                  }}
-                  className='!p-16 font-medium flex gap-16 hover:bg-gray-100 !rounded-12'
-                >
-                  Logout
-                </MenuItem>
-              </Menu>
+          <div className="flex-1 flex content-start">
+            <IconButton className='auto text-2xl w-[50px] h-[50px] hover:bg-gray-200 self-center' onClick={() => toggleDrawerOpen()}>
+              {!drawerOpen ? (<motion.div key={drawerOpen ? 1 : 0} variants={navBtnVariant} initial='menuHide' animate='menuShow'><FiMenu /></motion.div>)
+                : (<motion.div key={drawerOpen ? 1 : 0} variants={navBtnVariant} initial='closeHide' animate='closeShow'><GrClose /></motion.div>)}
+            </IconButton>
+
+          </div>
+
+          <div className="flex-[2] flex justify-center">
+            <Link to="/">
+              <img className='max-h-32' src={ASSETS.Logo} alt="Bolt fun logo" />
+            </Link>
+          </div>
+
+          <div className="flex-1 flex justify-end">
+            {curUser !== undefined &&
+              (curUser &&
+                <Menu
+                  menuClassName='!p-8 !rounded-12'
+                  menuButton={<MenuButton ><Avatar src={curUser.avatar} width={32} /> </MenuButton>}>
+                  <MenuItem
+                    href={createRoute({ type: 'profile', id: curUser.id, username: curUser.name })}
+                    onClick={(e) => {
+                      e.syntheticEvent.preventDefault();
+                      navigate(createRoute({ type: 'profile', id: curUser.id, username: curUser.name }));
+                    }}
+                    className='!p-16 font-medium flex gap-16 hover:bg-gray-100 !rounded-12'
+                  >
+                    👾 Profile
+                  </MenuItem>
+                  <MenuItem
+                    href="/logout"
+                    onClick={(e) => {
+                      e.syntheticEvent.preventDefault();
+                      navigate("/logout");
+                    }}
+                    className='!p-16 font-medium flex gap-16 hover:bg-gray-100 !rounded-12'
+                  >
+                    👋 Logout
+                  </MenuItem>
+                </Menu>
+
+              )
+            }</div>
 
-            )
-          }
-          <IconButton className='auto text-2xl w-[50px] h-[50px] hover:bg-gray-200 self-center' onClick={() => toggleDrawerOpen()}>
-            {!drawerOpen ? (<motion.div key={drawerOpen ? 1 : 0} variants={navBtnVariant} initial='menuHide' animate='menuShow'><FiMenu /></motion.div>)
-              : (<motion.div key={drawerOpen ? 1 : 0} variants={navBtnVariant} initial='closeHide' animate='closeShow'><GrClose /></motion.div>)}
-          </IconButton>
         </div>
       </nav>
 
@@ -158,10 +164,10 @@ export default function NavMobile() {
 
             <li className="relative">
               <Link
-                to={'/products'}
+                to={'/apps'}
                 onClick={() => toggleDrawerOpen(false)}
                 className='text-body4 font-bold hover:text-primary-600'>
-                Products
+                Apps
               </Link>
             </li>
             <li>
diff --git a/src/features/Projects/pages/CategoryPage/HeaderImage/HeaderImage.tsx b/src/features/Projects/pages/CategoryPage/HeaderImage/HeaderImage.tsx
index 5acb815..395039c 100644
--- a/src/features/Projects/pages/CategoryPage/HeaderImage/HeaderImage.tsx
+++ b/src/features/Projects/pages/CategoryPage/HeaderImage/HeaderImage.tsx
@@ -33,7 +33,7 @@ export default function HeaderImage(props: Props) {
             <img src={img.startsWith('https://via.placeholder.com/') ? DEFAULT_IMG : img} alt={`${title} cover`} className='absolute inset-0 w-full h-full object-cover z-[-1]' />
             <div className='absolute inset-0 w-full h-full bg-black bg-opacity-50   z-[-1]' />
             <Link
-                to='/'
+                to='/apps'
                 className="
               w-[48px] h-[48px] bg-white hover:bg-gray-200 
               absolute top-24 left-24 md:top-1/2 md:left-40 md:-translate-y-1/2
diff --git a/src/features/Projects/pages/ExplorePage/Categories/Categories.tsx b/src/features/Projects/pages/ExplorePage/Categories/Categories.tsx
index 8a9a2c2..54e30fd 100644
--- a/src/features/Projects/pages/ExplorePage/Categories/Categories.tsx
+++ b/src/features/Projects/pages/ExplorePage/Categories/Categories.tsx
@@ -38,7 +38,7 @@ export default function Categories() {
             {data?.allCategories.map((category, idx) =>
                 <button
                     key={category.id}
-                    onClick={() => navigate(`/products/category/${category.id}`)}
+                    onClick={() => navigate(`/apps/category/${category.id}`)}
                     className=' block p-16 rounded-16 hover:bg-gray-100 active:bg-gray-200 active:scale-90 transition-transform'
                     style={{ backgroundColor: colors[idx % colors.length] }}
                 >{category.icon} {category.title}</button>
diff --git a/src/features/Projects/pages/ExplorePage/ProjectsSection/ProjectsSection.tsx b/src/features/Projects/pages/ExplorePage/ProjectsSection/ProjectsSection.tsx
index d1c0a31..fbefc41 100644
--- a/src/features/Projects/pages/ExplorePage/ProjectsSection/ProjectsSection.tsx
+++ b/src/features/Projects/pages/ExplorePage/ProjectsSection/ProjectsSection.tsx
@@ -20,20 +20,20 @@ export default function ProjectsSection() {
     return (
         <div className='mt-32 lg:mt-48'>
             <ProjectsRow title={<><span className="align-middle mr-8">Hottest</span> <MdLocalFireDepartment className='inline-block text-fire scale-125 ' /></>}
-                link='/products/hottest'
+                link='/apps/hottest'
                 projects={data.hottestProjects} />
 
             <ProjectsRow title="Recently added"
                 projects={data.newProjects} />
 
             <ProjectsRow title={shockTheWebCategory?.title}
-                link={`/products/category/${shockTheWebCategory?.id}`}
+                link={`/apps/category/${shockTheWebCategory?.id}`}
                 projects={shockTheWebCategory?.project!} />
             {restCategories.map(({ id, title, project, }) => {
                 if (project)
                     return <ProjectsRow
                         key={id}
-                        link={`/products/category/${id}`}
+                        link={`/apps/category/${id}`}
                         title={title}
                         projects={project} />
                 else return null
diff --git a/src/styles/index.scss b/src/styles/index.scss
index 8084272..47d47a1 100644
--- a/src/styles/index.scss
+++ b/src/styles/index.scss
@@ -14,23 +14,31 @@ body {
   background-color: #ffffff;
 }
 
+.content-container,
 .page-container {
   --padding: 16px;
 
   @include gt-sm {
     --padding: 24px;
   }
-  width: calc(min(100%, 1440px) - 2 * var(--padding));
+
+  @include gt-md {
+    --padding: 32px;
+  }
+  width: calc(min(100% - 2 * var(--padding), 1440px));
   margin: 0 auto;
+}
+
+.page-container {
   padding: 32px 0;
 }
 
-@media screen and (min-width: 780px) {
-  .page-container {
-    width: calc(min(100% - 64px, 1440px));
-    margin: 0 auto;
-  }
-}
+// @media screen and (min-width: 780px) {
+//   .page-container {
+//     width: calc(min(100% - 64px, 1440px));
+//     margin: 0 auto;
+//   }
+// }
 
 svg {
   display: inline-block;
diff --git a/src/utils/hooks/useCurrentSection.ts b/src/utils/hooks/useCurrentSection.ts
index 90a90b5..715c138 100644
--- a/src/utils/hooks/useCurrentSection.ts
+++ b/src/utils/hooks/useCurrentSection.ts
@@ -10,8 +10,8 @@ export const useCurrentSection = () => {
         return 'blog';
     if (location.pathname.startsWith('/hackathons'))
         return 'hackathons';
-    if (location.pathname.startsWith('/products'))
-        return 'products';
+    if (location.pathname.startsWith('/apps'))
+        return 'apps';
     if (location.pathname.startsWith('/donate'))
         return 'donate';
     return 'other'

From 5ecd6a6a74cb188cbf6192f2e87f46dfc6056ca4 Mon Sep 17 00:00:00 2001
From: MTG2000 <mtg0987654321@gmail.com>
Date: Thu, 4 Aug 2022 12:13:22 +0300
Subject: [PATCH 02/42] feat: show a blurred "Add Comment section" for
 unconnected users.

Fixes #114
---
 src/App.tsx                                   | 26 +++++-----
 .../CommentsSection/CommentsSection.tsx       | 49 +++++++++----------
 src/utils/routing/routes.ts                   | 48 +++++++++++++-----
 3 files changed, 72 insertions(+), 51 deletions(-)

diff --git a/src/App.tsx b/src/App.tsx
index 96f174c..5276d5b 100644
--- a/src/App.tsx
+++ b/src/App.tsx
@@ -10,7 +10,7 @@ import { setUser } from "./redux/features/user.slice";
 import ProtectedRoute from "./Components/ProtectedRoute/ProtectedRoute";
 import { Helmet } from "react-helmet";
 import { NavbarLayout } from "./utils/routing/layouts";
-import { Loadable } from "./utils/routing";
+import { Loadable, PAGES_ROUTES } from "./utils/routing";
 
 
 
@@ -90,25 +90,25 @@ function App() {
     </Helmet>
     <Suspense fallback={<LoadingPage />}>
       <Routes>
-        <Route path="/blog/create-post" element={<ProtectedRoute><CreatePostPage /></ProtectedRoute>} />
+        <Route path={PAGES_ROUTES.blog.createPost} element={<ProtectedRoute><CreatePostPage /></ProtectedRoute>} />
 
         <Route element={<NavbarLayout />}>
-          <Route path="/apps/hottest" element={<HottestPage />} />
-          <Route path="/apps/category/:id" element={<CategoryPage />} />
-          <Route path="/apps" element={<ExplorePage />} />
+          <Route path={PAGES_ROUTES.apps.hottest} element={<HottestPage />} />
+          <Route path={PAGES_ROUTES.apps.byCategoryId} element={<CategoryPage />} />
+          <Route path={PAGES_ROUTES.apps.default} element={<ExplorePage />} />
 
-          <Route path="/blog/post/:type/:id/*" element={<PostDetailsPage />} />
-          <Route path="/blog" element={<FeedPage />} />
+          <Route path={PAGES_ROUTES.blog.postById} element={<PostDetailsPage />} />
+          <Route path={PAGES_ROUTES.blog.feed} element={<FeedPage />} />
 
-          <Route path="/hackathons" element={<HackathonsPage />} />
+          <Route path={PAGES_ROUTES.hackathons.default} element={<HackathonsPage />} />
 
-          <Route path="/donate" element={<DonatePage />} />
+          <Route path={PAGES_ROUTES.donate.default} element={<DonatePage />} />
 
-          <Route path="/profile/:id/*" element={<ProfilePage />} />
-          <Route path="/login" element={<LoginPage />} />
-          <Route path="/logout" element={<LogoutPage />} />
+          <Route path={PAGES_ROUTES.profile.byId} element={<ProfilePage />} />
+          <Route path={PAGES_ROUTES.auth.login} element={<LoginPage />} />
+          <Route path={PAGES_ROUTES.auth.logout} element={<LogoutPage />} />
 
-          <Route path="/" element={<Navigate to="/apps" />} />
+          <Route path="/" element={<Navigate to={PAGES_ROUTES.apps.default} />} />
         </Route>
 
       </Routes>
diff --git a/src/features/Posts/Components/Comments/CommentsSection/CommentsSection.tsx b/src/features/Posts/Components/Comments/CommentsSection/CommentsSection.tsx
index 4fab907..ca7c361 100644
--- a/src/features/Posts/Components/Comments/CommentsSection/CommentsSection.tsx
+++ b/src/features/Posts/Components/Comments/CommentsSection/CommentsSection.tsx
@@ -1,17 +1,14 @@
-import React, { useEffect, useMemo, useState } from 'react'
+import { useState } from 'react'
 import CommentRoot from '../Comment/Comment'
 import AddComment from '../AddComment/AddComment'
-import { Comment, } from '../types'
-import { createWorkerFactory, useWorker } from '@shopify/react-web-worker'
 import { useAppSelector } from "src/utils/hooks";
 
-import * as CommentsWorker from './comments.worker'
 import { Post_Type } from 'src/graphql'
 import useComments from './useComments'
 import IconButton from 'src/Components/IconButton/IconButton'
 import { AiOutlineClose } from 'react-icons/ai'
-import { Link } from 'react-router-dom'
-import { createRoute } from 'src/utils/routing'
+import { Link, useLocation } from 'react-router-dom'
+import { createRoute, PAGES_ROUTES } from 'src/utils/routing'
 import Preferences from 'src/services/preferences.service'
 
 // const createWorker = createWorkerFactory(() => import('./comments.worker'));
@@ -24,24 +21,11 @@ interface Props {
 
 
 export default function CommentsSection({ type, id }: Props) {
-  // const worker = useWorker(createWorker);
-  // const commentsTree = useMemo(() => convertCommentsToTree(comments), [comments])
 
-  // const [commentsTree, setCommentsTree] = useState<Comment[]>([])
   const user = useAppSelector(state => state.user.me);
-  const [showTooltip, setShowTooltip] = useState(Preferences.get('showNostrCommentsTooltip'))
-  // const filter = useMemo(() => `boltfun ${type}_comment ${id}` + (process.env.NODE_ENV === 'development' ? ' dev' : ""), [id, type])
+  const [showTooltip, setShowTooltip] = useState(Preferences.get('showNostrCommentsTooltip'));
+  const location = useLocation()
 
-  // useEffect(() => {
-  //   CommentsWorker.connect();
-  //   const unsub = CommentsWorker.sub(filter, (newComments) => {
-  //     setCommentsTree(newComments)
-  //   })
-
-  //   return () => {
-  //     unsub();
-  //   }
-  // }, [filter]);
   const { commentsTree, postComment, connectionStatus } = useComments({ type, id })
 
   const handleNewComment = async (content: string, parentId?: string) => {
@@ -75,12 +59,23 @@ export default function CommentsSection({ type, id }: Props) {
         <IconButton className='shrink-0 self-start' onClick={closeTooltip}><AiOutlineClose className='text-gray-600' /></IconButton>
       </div>}
 
-      {!!user && <div className="mt-24">
-        <AddComment
-          placeholder='Leave a comment...'
-          onSubmit={content => handleNewComment(content)}
-          avatar={user.avatar}
-        />
+      {<div className="mt-24 relative">
+        <div className={!user ? "blur-[2px]" : ""}>
+          <AddComment
+            placeholder='Leave a comment...'
+            onSubmit={content => handleNewComment(content)}
+            avatar={user?.avatar ?? 'https://avatars.dicebear.com/api/bottts/Default.svg'}
+          />
+        </div>
+        {!user && <div className="absolute inset-0 bg-gray-400 bg-opacity-50 rounded-12 flex flex-col justify-center items-center">
+          <Link
+            className='bg-white rounded-12 px-24 py-12'
+            to={PAGES_ROUTES.auth.login}
+            state={{
+              from: location.pathname
+            }}
+          >Connect with ⚡ to comment</Link>
+        </div>}
       </div>}
 
       <div className='flex flex-col gap-16 mt-32'>
diff --git a/src/utils/routing/routes.ts b/src/utils/routing/routes.ts
index b1f6ed9..372a9b2 100644
--- a/src/utils/routing/routes.ts
+++ b/src/utils/routing/routes.ts
@@ -2,32 +2,32 @@ import { toSlug } from "../helperFunctions";
 
 type RouteOptions =
     | {
-        type: 'post',
+        type: "post",
         id: string | number,
         postType: string,
         title?: string,
         username?: string,
     }
     | {
-        type: 'story',
+        type: "story",
         id: string | number,
         title?: string,
         username?: string,
     }
     | {
-        type: 'bounty',
+        type: "bounty",
         id: string | number,
         title?: string,
         username?: string,
     }
     | {
-        type: 'question',
+        type: "question",
         id: string | number,
         title?: string,
         username?: string,
     }
     | {
-        type: 'profile',
+        type: "profile",
         id: string | number,
         username?: string,
     }
@@ -35,27 +35,53 @@ type RouteOptions =
 export function createRoute(options: RouteOptions) {
 
 
-    if (options.type === 'post')
+    if (options.type === "post")
         return `/blog/post/${options.postType.toLowerCase()}/${options.id}`
             + (options.title ? `/${toSlug(options.title)}` : "");
 
-    if (options.type === 'story')
+    if (options.type === "story")
         return `/blog/post/story/${options.id}`
             + (options.title ? `/${toSlug(options.title)}` : "");
 
-    if (options.type === 'bounty')
+    if (options.type === "bounty")
         return `/blog/post/bounty/${options.id}`
             + (options.title ? `/${toSlug(options.title)}` : "");
 
 
-    if (options.type === 'question')
+    if (options.type === "question")
         return `/blog/post/question/${options.id}`
             + (options.title ? `/${toSlug(options.title)}` : "");
 
 
-    if (options.type === 'profile')
+    if (options.type === "profile")
         return `/profile/${options.id}`
             + (options.username ? `/${toSlug(options.username)}` : "");
 
-    return ''
+    return ""
+}
+
+export const PAGES_ROUTES = {
+    apps: {
+        default: "/apps",
+        hottest: "/apps/hottest",
+        byCategoryId: "/apps/category/:id"
+    },
+    blog: {
+        feed: "/blog",
+        postById: "/blog/post/:type/:id/*",
+        createPost: "/blog/create-post"
+    },
+    hackathons: {
+        default: "/hackathons"
+    },
+    donate: {
+        default: "/donate"
+    },
+    profile: {
+        byId: "/profile/:id/*",
+    },
+    auth: {
+        login: "/login",
+        logout: "/logout",
+    }
 }
\ No newline at end of file

From 916bd8387b9ceabd566c4ede0d75af17262eea4e Mon Sep 17 00:00:00 2001
From: MTG2000 <mtg0987654321@gmail.com>
Date: Thu, 4 Aug 2022 18:56:12 +0300
Subject: [PATCH 03/42] fix: make lightning-address in profile optional, fixing
 a bug when confirming comment

---
 .../Components/Comments/CommentsSection/useComments.tsx     | 6 +++---
 .../pages/ProfilePage/AboutCard/UpdateAboutForm.tsx         | 6 +++++-
 2 files changed, 8 insertions(+), 4 deletions(-)

diff --git a/src/features/Posts/Components/Comments/CommentsSection/useComments.tsx b/src/features/Posts/Components/Comments/CommentsSection/useComments.tsx
index 73eb220..6988a94 100644
--- a/src/features/Posts/Components/Comments/CommentsSection/useComments.tsx
+++ b/src/features/Posts/Components/Comments/CommentsSection/useComments.tsx
@@ -166,7 +166,7 @@ async function signEvent(event: any) {
 }
 
 async function confirmPublishingEvent(event: any) {
-    const res = await fetch(CONSTS.apiEndpoint + '/nostr-confirm-event', {
+    await fetch(CONSTS.apiEndpoint + '/nostr-confirm-event', {
         method: "post",
         body: JSON.stringify({ event }),
         credentials: 'include',
@@ -174,8 +174,8 @@ async function confirmPublishingEvent(event: any) {
             'Content-Type': 'application/json'
         },
     });
-    const data = await res.json()
-    return data.event;
+
+
 }
 
 
diff --git a/src/features/Profiles/pages/ProfilePage/AboutCard/UpdateAboutForm.tsx b/src/features/Profiles/pages/ProfilePage/AboutCard/UpdateAboutForm.tsx
index 17a2b8d..c01cadf 100644
--- a/src/features/Profiles/pages/ProfilePage/AboutCard/UpdateAboutForm.tsx
+++ b/src/features/Profiles/pages/ProfilePage/AboutCard/UpdateAboutForm.tsx
@@ -33,7 +33,7 @@ const schema: yup.SchemaOf<IFormInputs> = yup.object({
             const res = await fetch(lnurl);
             if (res.status === 200) return true;
           }
-          return false;
+          return true;
         } catch (error) {
           return false;
         }
@@ -227,6 +227,7 @@ export default function UpdateAboutForm({ data, onClose }: Props) {
       <p className="text-body5 mt-16 font-medium">
         Lightning address
       </p>
+
       <div className="input-wrapper mt-8 relative">
         <input
 
@@ -239,6 +240,9 @@ export default function UpdateAboutForm({ data, onClose }: Props) {
       {errors.lightning_address && <p className="input-error">
         {errors.lightning_address.message}
       </p>}
+      <p className="text-body6 text-gray-400 mt-8 max-w-[70ch]">
+        Your lightning address is used to send the votes you get on your posts, comments, apps...etc, directly to you.
+      </p>
       <div className="mt-24 flex gap-16 justify-end">
         <Button
           color='gray'

From ea2e142baa9f177453c8340103598a4d8b914b36 Mon Sep 17 00:00:00 2001
From: MTG2000 <mtg0987654321@gmail.com>
Date: Sat, 6 Aug 2022 13:10:49 +0300
Subject: [PATCH 04/42] feat: build settings page for profile, re-calc
 navHeight on resize, move the navHeight from js to css var

---
 src/App.tsx                                   |   3 +
 src/Components/Navbar/NavDesktop.tsx          |  10 +
 src/Components/Navbar/NavMobile.tsx           |  10 +
 src/Components/Navbar/Navbar.tsx              |  16 +-
 .../pages/HackathonsPage/HackathonsPage.tsx   |  10 +-
 .../Posts/pages/FeedPage/FeedPage.tsx         |  19 +-
 .../pages/PostDetailsPage/PostDetailsPage.tsx |  17 +-
 .../pages/EditProfilePage/EditProfilePage.tsx |  79 +++++
 .../UpdateMyProfileCard.tsx                   | 287 ++++++++++++++++++
 .../updateProfile.graphql                     |   0
 src/styles/index.scss                         |   3 +-
 src/styles/shared.scss                        |  20 +-
 src/styles/ui_state.scss                      |   3 +
 src/utils/hooks/useResizeListener.ts          |   4 +-
 src/utils/routing/routes.ts                   |   1 +
 15 files changed, 427 insertions(+), 55 deletions(-)
 create mode 100644 src/features/Profiles/pages/EditProfilePage/EditProfilePage.tsx
 create mode 100644 src/features/Profiles/pages/EditProfilePage/UpdateMyProfileCard/UpdateMyProfileCard.tsx
 rename src/features/Profiles/pages/{ProfilePage => EditProfilePage/UpdateMyProfileCard}/updateProfile.graphql (100%)
 create mode 100644 src/styles/ui_state.scss

diff --git a/src/App.tsx b/src/App.tsx
index 5276d5b..d672df3 100644
--- a/src/App.tsx
+++ b/src/App.tsx
@@ -29,6 +29,7 @@ const DonatePage = Loadable(React.lazy(() => import("./features/Donations/pages/
 const LoginPage = Loadable(React.lazy(() => import("./features/Auth/pages/LoginPage/LoginPage")))
 const LogoutPage = Loadable(React.lazy(() => import("./features/Auth/pages/LogoutPage/LogoutPage")))
 const ProfilePage = Loadable(React.lazy(() => import("./features/Profiles/pages/ProfilePage/ProfilePage")))
+const EditProfilePage = Loadable(React.lazy(() => import("./features/Profiles/pages/EditProfilePage/EditProfilePage")))
 
 
 
@@ -104,7 +105,9 @@ function App() {
 
           <Route path={PAGES_ROUTES.donate.default} element={<DonatePage />} />
 
+          <Route path={PAGES_ROUTES.profile.editProfile} element={<EditProfilePage />} />
           <Route path={PAGES_ROUTES.profile.byId} element={<ProfilePage />} />
+
           <Route path={PAGES_ROUTES.auth.login} element={<LoginPage />} />
           <Route path={PAGES_ROUTES.auth.logout} element={<LogoutPage />} />
 
diff --git a/src/Components/Navbar/NavDesktop.tsx b/src/Components/Navbar/NavDesktop.tsx
index 797b6ab..4fa8a9a 100644
--- a/src/Components/Navbar/NavDesktop.tsx
+++ b/src/Components/Navbar/NavDesktop.tsx
@@ -178,6 +178,16 @@ export default function NavDesktop() {
                             >
                                 👾 Profile
                             </MenuItem>
+                            <MenuItem
+                                href="/edit-profile"
+                                onClick={(e) => {
+                                    e.syntheticEvent.preventDefault();
+                                    navigate("/edit-profile");
+                                }}
+                                className='!p-16 font-medium flex gap-16 hover:bg-gray-100 !rounded-12'
+                            >
+                                ⚙️ Settings
+                            </MenuItem>
                             <MenuItem
                                 href="/logout"
                                 onClick={(e) => {
diff --git a/src/Components/Navbar/NavMobile.tsx b/src/Components/Navbar/NavMobile.tsx
index badf325..023b0ea 100644
--- a/src/Components/Navbar/NavMobile.tsx
+++ b/src/Components/Navbar/NavMobile.tsx
@@ -105,6 +105,16 @@ export default function NavMobile() {
                   >
                     👾 Profile
                   </MenuItem>
+                  <MenuItem
+                    href="/edit-profile"
+                    onClick={(e) => {
+                      e.syntheticEvent.preventDefault();
+                      navigate("/edit-profile");
+                    }}
+                    className='!p-16 font-medium flex gap-16 hover:bg-gray-100 !rounded-12'
+                  >
+                    ⚙️ Settings
+                  </MenuItem>
                   <MenuItem
                     href="/logout"
                     onClick={(e) => {
diff --git a/src/Components/Navbar/Navbar.tsx b/src/Components/Navbar/Navbar.tsx
index 9125eef..b1d9f32 100644
--- a/src/Components/Navbar/Navbar.tsx
+++ b/src/Components/Navbar/Navbar.tsx
@@ -1,7 +1,7 @@
 import NavMobile from "./NavMobile";
 import { MdComment, MdHomeFilled, MdLocalFireDepartment } from "react-icons/md";
-import { useEffect, } from "react";
-import { useAppDispatch, useMediaQuery } from "src/utils/hooks";
+import { useCallback, useEffect, } from "react";
+import { useAppDispatch, useMediaQuery, useResizeListener } from "src/utils/hooks";
 import { setNavHeight } from "src/redux/features/ui.slice";
 import NavDesktop from "./NavDesktop";
 import { MEDIA_QUERIES } from "src/utils/theme/media_queries";
@@ -43,18 +43,24 @@ export default function Navbar() {
 
   const isLargeScreen = useMediaQuery(MEDIA_QUERIES.isLarge)
 
-
-  useEffect(() => {
+  const updateNavHeight = useCallback(() => {
     const nav = document.querySelector("nav");
     if (nav) {
       const navStyles = getComputedStyle(nav);
       if (navStyles.display !== "none") {
         dispatch(setNavHeight(nav.clientHeight));
+        document.documentElement.style.setProperty('--navHeight', nav.clientHeight + 'px')
       }
     }
-
   }, [dispatch])
 
+  useEffect(() => {
+    updateNavHeight();
+  }, [updateNavHeight]);
+
+  useResizeListener(updateNavHeight)
+
+
 
   return (
     <div className="sticky top-0 left-0 w-full z-[2010]">
diff --git a/src/features/Hackathons/pages/HackathonsPage/HackathonsPage.tsx b/src/features/Hackathons/pages/HackathonsPage/HackathonsPage.tsx
index d097d0e..83b99f0 100644
--- a/src/features/Hackathons/pages/HackathonsPage/HackathonsPage.tsx
+++ b/src/features/Hackathons/pages/HackathonsPage/HackathonsPage.tsx
@@ -2,7 +2,6 @@
 import { useState } from 'react'
 import Button from 'src/Components/Button/Button'
 import { useGetHackathonsQuery } from 'src/graphql'
-import { useAppSelector } from 'src/utils/hooks'
 import HackathonsList from '../../Components/HackathonsList/HackathonsList'
 import SortByFilter from '../../Components/SortByFilter/SortByFilter'
 import styles from './styles.module.scss'
@@ -21,9 +20,6 @@ export default function HackathonsPage() {
             tag: Number(tagFilter)
         },
     })
-    const { navHeight } = useAppSelector((state) => ({
-        navHeight: state.ui.navHeight
-    }));
 
     return (
         <>
@@ -35,11 +31,7 @@ export default function HackathonsPage() {
                 className={`page-container  pt-16 w-full ${styles.grid}`}
             >
                 <aside className='no-scrollbar'>
-                    <div className="sticky flex flex-col gap-24 md:overflow-y-scroll"
-                        style={{
-                            top: `${navHeight + 16}px`,
-                            maxHeight: `calc(100vh - ${navHeight}px - 16px)`,
-                        }}>
+                    <div className="flex flex-col gap-24 md:overflow-y-scroll sticky-side-element">
                         <h1 id='title' className="text-body1 lg:text-h2 font-bolder">Hackathons 🏆</h1>
                         <SortByFilter
                             filterChanged={setSortByFilter}
diff --git a/src/features/Posts/pages/FeedPage/FeedPage.tsx b/src/features/Posts/pages/FeedPage/FeedPage.tsx
index 79a6f35..a4257cb 100644
--- a/src/features/Posts/pages/FeedPage/FeedPage.tsx
+++ b/src/features/Posts/pages/FeedPage/FeedPage.tsx
@@ -2,7 +2,7 @@
 import { useUpdateEffect } from '@react-hookz/web'
 import { useState } from 'react'
 import { useFeedQuery } from 'src/graphql'
-import { useAppSelector, useInfiniteQuery, usePreload } from 'src/utils/hooks'
+import { useInfiniteQuery, usePreload } from 'src/utils/hooks'
 import PostsList from '../../Components/PostsList/PostsList'
 import TrendingCard from '../../Components/TrendingCard/TrendingCard'
 import PopularTagsFilter, { FilterTag } from './PopularTagsFilter/PopularTagsFilter'
@@ -34,10 +34,6 @@ export default function FeedPage() {
 
     usePreload('PostPage');
 
-    const { navHeight, isLoggedIn } = useAppSelector((state) => ({
-        navHeight: state.ui.navHeight,
-        isLoggedIn: Boolean(state.user.me),
-    }));
 
 
     return (
@@ -76,11 +72,7 @@ export default function FeedPage() {
                     />
                 </div>
                 <aside id='categories' className='no-scrollbar'>
-                    <div className="sticky md:overflow-y-scroll"
-                        style={{
-                            top: `${navHeight + 16}px`,
-                            maxHeight: `calc(100vh - ${navHeight}px - 16px)`,
-                        }}>
+                    <div className="pb-16 md:overflow-y-scroll sticky-side-element">
                         <Button
                             href='/blog/create-post'
                             color='primary'
@@ -98,12 +90,7 @@ export default function FeedPage() {
                     </div>
                 </aside>
                 <aside id='side' className='no-scrollbar'>
-                    <div className="sticky flex flex-col gap-24"
-                        style={{
-                            top: `${navHeight + 16}px`,
-                            maxHeight: `calc(100vh - ${navHeight}px - 16px)`,
-                            overflowY: "scroll",
-                        }}>
+                    <div className="pb-16 flex flex-col gap-24 overflow-y-auto sticky-side-element" >
                         <TrendingCard />
                         <div className='min-h-[300px] text-white flex flex-col justify-end p-24 rounded-12 relative overflow-hidden'
                             style={{
diff --git a/src/features/Posts/pages/PostDetailsPage/PostDetailsPage.tsx b/src/features/Posts/pages/PostDetailsPage/PostDetailsPage.tsx
index 00f9c14..f702c66 100644
--- a/src/features/Posts/pages/PostDetailsPage/PostDetailsPage.tsx
+++ b/src/features/Posts/pages/PostDetailsPage/PostDetailsPage.tsx
@@ -4,7 +4,6 @@ import { useParams } from 'react-router-dom'
 import NotFoundPage from 'src/features/Shared/pages/NotFoundPage/NotFoundPage'
 import { Post_Type, usePostDetailsQuery } from 'src/graphql'
 import { capitalize } from 'src/utils/helperFunctions'
-import { useAppSelector, } from 'src/utils/hooks'
 import { CommentsSection } from '../../Components/Comments'
 import ScrollToTop from 'src/utils/routing/scrollToTop'
 import TrendingCard from '../../Components/TrendingCard/TrendingCard'
@@ -27,9 +26,6 @@ export default function PostDetailsPage() {
         skip: isNaN(Number(id)),
     })
 
-    const { navHeight } = useAppSelector((state) => ({
-        navHeight: state.ui.navHeight
-    }));
 
     if (postDetailsQuery.loading)
         return <PostDetailsPageSkeleton />
@@ -50,11 +46,7 @@ export default function PostDetailsPage() {
                 className={`page-container grid pt-16 w-full gap-32 ${styles.grid}`}
             >
                 <aside id='actions' className='no-scrollbar'>
-                    <div className="sticky"
-                        style={{
-                            top: `${navHeight + 16}px`,
-                            maxHeight: `calc(100vh - ${navHeight}px - 16px)`,
-                        }}>
+                    <div className="sticky-side-element">
                         <PostActions post={post} />
                     </div>
                 </aside>
@@ -62,12 +54,7 @@ export default function PostDetailsPage() {
 
                 <PageContent post={post} />
                 <aside id='author' className='no-scrollbar min-w-0'>
-                    <div className="flex flex-col gap-24"
-                        style={{
-                            top: `${navHeight + 16}px`,
-                            maxHeight: `calc(100vh - ${navHeight}px - 16px)`,
-                            overflowY: "scroll",
-                        }}>
+                    <div className="flex flex-col gap-24 overflow-y-auto sticky-side-element">
                         <AuthorCard author={post.author} />
                         <TrendingCard />
                     </div>
diff --git a/src/features/Profiles/pages/EditProfilePage/EditProfilePage.tsx b/src/features/Profiles/pages/EditProfilePage/EditProfilePage.tsx
new file mode 100644
index 0000000..f76e3b8
--- /dev/null
+++ b/src/features/Profiles/pages/EditProfilePage/EditProfilePage.tsx
@@ -0,0 +1,79 @@
+import { Navigate, NavLink, Route, Routes } from "react-router-dom";
+import LoadingPage from "src/Components/LoadingPage/LoadingPage";
+import NotFoundPage from "src/features/Shared/pages/NotFoundPage/NotFoundPage";
+import { useProfileQuery } from "src/graphql";
+import { useAppSelector } from "src/utils/hooks";
+import CommentsSettingsCard from "../ProfilePage/CommentsSettingsCard/CommentsSettingsCard";
+import UpdateMyProfileCard from "./UpdateMyProfileCard/UpdateMyProfileCard";
+import { Helmet } from 'react-helmet'
+
+
+const links = [
+    {
+        text: "👾 My Profile",
+        path: 'my-profile',
+    },
+    {
+        text: "⚙️ Preferences",
+        path: 'preferences',
+    }
+]
+
+
+
+export default function EditProfilePage() {
+    const userId = useAppSelector(state => state.user.me?.id)
+    const profileQuery = useProfileQuery({
+        variables: {
+            profileId: userId!,
+        },
+        skip: !userId,
+    })
+
+
+
+
+    if (!userId || profileQuery.loading)
+        return <LoadingPage />
+
+    if (!profileQuery.data?.profile)
+        return <NotFoundPage />
+
+    return (
+        <>
+            <Helmet>
+                <title>Settings</title>
+                <meta property="og:title" content='Settings' />
+            </Helmet>
+            <div className="page-container grid grid-cols-1 md:grid-cols-4 gap-24">
+                <aside>
+                    <div className='bg-white border-2 border-gray-200 rounded-12 p-16 sticky-side-element' >
+                        <p className="text-body2 font-bolder text-black mb-16">Edit maker profile</p>
+                        <ul className=' flex flex-col gap-8'>
+                            {links.map((link, idx) =>
+                                <li key={idx}>
+                                    <NavLink
+                                        to={link.path}
+                                        className={({ isActive }) => `flex items-start rounded-8 cursor-pointer font-bold p-12
+                                 active:scale-95 transition-transform
+                                ${isActive ? 'bg-gray-100' : 'hover:bg-gray-50'}
+                                `}
+                                    >
+                                        {link.text}
+                                    </NavLink>
+                                </li>)}
+                        </ul>
+                    </div>
+                </aside>
+                <main className="md:col-span-2">
+                    <Routes>
+                        <Route index element={<Navigate to='my-profile' />} />
+                        <Route path='my-profile' element={<UpdateMyProfileCard data={profileQuery.data.profile} />} />
+                        <Route path='preferences' element={<CommentsSettingsCard nostr_prv_key={profileQuery.data.profile.nostr_prv_key} nostr_pub_key={profileQuery.data.profile.nostr_pub_key} isOwner={true} />
+                        } />
+                    </Routes>
+                </main>
+            </div>
+        </>
+    )
+}
diff --git a/src/features/Profiles/pages/EditProfilePage/UpdateMyProfileCard/UpdateMyProfileCard.tsx b/src/features/Profiles/pages/EditProfilePage/UpdateMyProfileCard/UpdateMyProfileCard.tsx
new file mode 100644
index 0000000..b0d9c5f
--- /dev/null
+++ b/src/features/Profiles/pages/EditProfilePage/UpdateMyProfileCard/UpdateMyProfileCard.tsx
@@ -0,0 +1,287 @@
+import { SubmitHandler, useForm } from "react-hook-form"
+import Button from "src/Components/Button/Button";
+import { User, useUpdateProfileAboutMutation } from "src/graphql";
+import { NotificationsService } from "src/services/notifications.service";
+import * as yup from "yup";
+import { yupResolver } from "@hookform/resolvers/yup";
+import Avatar from "src/features/Profiles/Components/Avatar/Avatar";
+
+
+
+interface Props {
+    data: Pick<User,
+        | 'name'
+        | 'email'
+        | 'lightning_address'
+        | 'jobTitle'
+        | 'avatar'
+        | 'website'
+        | 'github'
+        | 'twitter'
+        | 'linkedin'
+        | 'location'
+        | 'bio'
+    >,
+    onClose?: () => void;
+}
+
+type IFormInputs = Props['data'];
+
+const schema: yup.SchemaOf<IFormInputs> = yup.object({
+    name: yup.string().trim().required().min(2),
+    avatar: yup.string().url().required(),
+    bio: yup.string().ensure(),
+    email: yup.string().email().ensure(),
+    github: yup.string().ensure(),
+    jobTitle: yup.string().ensure(),
+    lightning_address: yup
+        .string()
+        .test({
+            name: "is valid lightning_address",
+            test: async value => {
+                try {
+                    if (value) {
+                        const [name, domain] = value.split("@");
+                        const lnurl = `https://${domain}/.well-known/lnurlp/${name}`;
+                        const res = await fetch(lnurl);
+                        if (res.status === 200) return true;
+                    }
+                    return true;
+                } catch (error) {
+                    return false;
+                }
+            }
+        })
+        .ensure()
+        .label("lightning address"),
+    linkedin: yup.string().ensure(),
+    location: yup.string().ensure(),
+    twitter: yup.string().ensure(),
+    website: yup.string().url().ensure(),
+
+}).required();
+
+export default function UpdateMyProfileCard({ data, onClose }: Props) {
+
+    const { register, formState: { errors }, handleSubmit } = useForm<IFormInputs>({
+        defaultValues: data,
+        resolver: yupResolver(schema),
+        mode: 'onBlur',
+    });
+
+    const [mutate, mutationStatus] = useUpdateProfileAboutMutation({
+        onCompleted: () => {
+            onClose?.()
+        }
+    });
+
+
+
+    const onSubmit: SubmitHandler<IFormInputs> = data => {
+        mutate({
+            variables: {
+                data: {
+                    name: data.name,
+                    avatar: data.avatar,
+                    jobTitle: data.jobTitle,
+                    bio: data.bio,
+                    email: data.email,
+                    github: data.github,
+                    linkedin: data.linkedin,
+                    lightning_address: data.lightning_address,
+                    location: data.location,
+                    twitter: data.twitter,
+                    website: data.website,
+                }
+            }
+        }).catch(() => {
+            NotificationsService.error('A network error happened');
+            mutationStatus.reset()
+        })
+    };
+
+    return (
+        <div className="rounded-16 bg-white border-2 border-gray-200">
+            <div className="bg-gray-600 relative h-[160px] rounded-t-16">
+                <div className="absolute left-24 bottom-0 translate-y-1/2">
+                    <Avatar src={data.avatar} width={120} />
+                </div>
+            </div>
+            <div className="p-16 md:p-24 mt-64">
+                <form onSubmit={handleSubmit(onSubmit)}>
+                    <p className="text-body5 font-medium">
+                        Name
+                    </p>
+                    <div className="input-wrapper mt-8 relative">
+                        <input
+                            autoFocus
+                            type='text'
+                            className="input-text"
+                            placeholder='John Doe'
+                            {...register("name")}
+                        />
+                    </div>
+                    {errors.name && <p className="input-error">
+                        {errors.name.message}
+                    </p>}
+                    <p className="text-body5 mt-16 font-medium">
+                        Avatar
+                    </p>
+                    <div className="input-wrapper mt-8 relative">
+                        <input
+
+                            type='text'
+                            className="input-text"
+                            placeholder='https://images.com/my-avatar.jpg'
+                            {...register("avatar")}
+                        />
+                    </div>
+                    {errors.avatar && <p className="input-error">
+                        {errors.avatar.message}
+                    </p>}
+                    <p className="text-body5 mt-16 font-medium">
+                        Bio
+                    </p>
+                    <div className="input-wrapper mt-8 relative">
+                        <textarea
+
+                            rows={3}
+                            className="input-text !p-20"
+                            placeholder='Tell others a little bit about yourself'
+                            {...register("bio")}
+                        />
+                    </div>
+                    {errors.bio && <p className="input-error">
+                        {errors.bio.message}
+                    </p>}
+                    <p className="text-body5 mt-16 font-medium">
+                        Job Title
+                    </p>
+                    <div className="input-wrapper mt-8 relative">
+                        <input
+
+                            type='text'
+                            className="input-text"
+                            placeholder="Back-end Developer"
+                            {...register("jobTitle")}
+                        />
+                    </div>
+                    {errors.jobTitle && <p className="input-error">
+                        {errors.jobTitle.message}
+                    </p>}
+                    <p className="text-body5 mt-16 font-medium">
+                        Location
+                    </p>
+                    <div className="input-wrapper mt-8 relative">
+                        <input
+
+                            type='text'
+                            className="input-text"
+                            placeholder="UK, London"
+                            {...register("location")}
+                        />
+                    </div>
+                    {errors.location && <p className="input-error">
+                        {errors.location.message}
+                    </p>}
+                    <p className="text-body5 mt-16 font-medium">
+                        Website
+                    </p>
+                    <div className="input-wrapper mt-8 relative">
+                        <input
+
+                            type='text'
+                            className="input-text"
+                            placeholder="www.website.io"
+                            {...register("website")}
+                        />
+                    </div>
+                    {errors.website && <p className="input-error">
+                        {errors.website.message}
+                    </p>}
+                    <p className="text-body5 mt-16 font-medium">
+                        Twitter
+                    </p>
+                    <div className="input-wrapper mt-8 relative">
+                        <input
+
+                            type='text'
+                            className="input-text"
+                            placeholder="@johndoe"
+                            {...register("twitter")}
+                        />
+                    </div>
+                    {errors.twitter && <p className="input-error">
+                        {errors.twitter.message}
+                    </p>}
+                    <p className="text-body5 mt-16 font-medium">
+                        Github
+                    </p>
+                    <div className="input-wrapper mt-8 relative">
+                        <input
+
+                            type='text'
+                            className="input-text"
+                            placeholder="johndoe"
+                            {...register("github")}
+                        />
+                    </div>
+                    {errors.github && <p className="input-error">
+                        {errors.github.message}
+                    </p>}
+                    <p className="text-body5 mt-16 font-medium">
+                        Linkedin
+                    </p>
+                    <div className="input-wrapper mt-8 relative">
+                        <input
+
+                            type='text'
+                            className="input-text"
+                            placeholder="www.linkedin.com/in/john-doe"
+                            {...register("linkedin")}
+                        />
+                    </div>
+                    {errors.linkedin && <p className="input-error">
+                        {errors.linkedin.message}
+                    </p>}
+                    <p className="text-body5 mt-16 font-medium">
+                        Lightning address
+                    </p>
+
+                    <div className="input-wrapper mt-8 relative">
+                        <input
+
+                            type='text'
+                            className="input-text"
+                            placeholder="johndoe@lnd.com"
+                            {...register("lightning_address")}
+                        />
+                    </div>
+                    {errors.lightning_address && <p className="input-error">
+                        {errors.lightning_address.message}
+                    </p>}
+                    <p className="text-body6 text-gray-400 mt-8 max-w-[70ch]">
+                        Your lightning address is used to send the votes you get on your posts, comments, apps...etc, directly to you.
+                    </p>
+                    <div className="mt-24 flex gap-16 justify-end">
+                        <Button
+                            color='gray'
+                            disabled={mutationStatus.loading}
+                            onClick={onClose}
+                        >
+                            Cancel
+                        </Button>
+                        <Button
+                            type='submit'
+                            color='primary'
+                            isLoading={mutationStatus.loading}
+                            disabled={mutationStatus.loading}
+                        >
+                            Save changes
+                        </Button>
+                    </div>
+                </form>
+            </div>
+        </div>
+    )
+}
diff --git a/src/features/Profiles/pages/ProfilePage/updateProfile.graphql b/src/features/Profiles/pages/EditProfilePage/UpdateMyProfileCard/updateProfile.graphql
similarity index 100%
rename from src/features/Profiles/pages/ProfilePage/updateProfile.graphql
rename to src/features/Profiles/pages/EditProfilePage/UpdateMyProfileCard/updateProfile.graphql
diff --git a/src/styles/index.scss b/src/styles/index.scss
index 47d47a1..96fdc2e 100644
--- a/src/styles/index.scss
+++ b/src/styles/index.scss
@@ -2,7 +2,8 @@
 
 $screen-xs-min: 320px;
 
-@import "./tw.scss", "./shared.scss", "./vendors.scss", "./scrollbar.scss";
+@import "./tw.scss", "./shared.scss", "./vendors.scss", "./scrollbar.scss",
+  "./ui_state.scss";
 @import "/src/styles/mixins/index.scss";
 
 html {
diff --git a/src/styles/shared.scss b/src/styles/shared.scss
index a61b964..6441768 100644
--- a/src/styles/shared.scss
+++ b/src/styles/shared.scss
@@ -1,15 +1,21 @@
 .input-removed-arrows::-webkit-outer-spin-button,
 .input-removed-arrows::-webkit-inner-spin-button {
-    -webkit-appearance: none;
-    margin: 0;
+  -webkit-appearance: none;
+  margin: 0;
 }
 
 /* Firefox */
 .input-removed-arrows[type="number"] {
-    -moz-appearance: textfield;
+  -moz-appearance: textfield;
 }
 
-button[disabled]{
-    opacity: .5;
-    pointer-events: none;
-}
\ No newline at end of file
+button[disabled] {
+  opacity: 0.5;
+  pointer-events: none;
+}
+
+.sticky-side-element {
+  position: sticky;
+  top: calc(var(--navHeight) + 16px);
+  max-height: calc(100vh - var(--navHeight) - 16px);
+}
diff --git a/src/styles/ui_state.scss b/src/styles/ui_state.scss
new file mode 100644
index 0000000..3f8527f
--- /dev/null
+++ b/src/styles/ui_state.scss
@@ -0,0 +1,3 @@
+:root {
+  --navHeight: 0;
+}
diff --git a/src/utils/hooks/useResizeListener.ts b/src/utils/hooks/useResizeListener.ts
index 07dd7fd..356e1a9 100644
--- a/src/utils/hooks/useResizeListener.ts
+++ b/src/utils/hooks/useResizeListener.ts
@@ -1,5 +1,5 @@
 import { useDebouncedCallback } from "@react-hookz/web";
-import { useEffect } from "react";
+import { useCallback, useEffect } from "react";
 
 export const useResizeListener = (
   listener: () => void,
@@ -7,7 +7,7 @@ export const useResizeListener = (
 ) => {
   options.debounce = options.debounce ?? 250;
 
-  const func = useDebouncedCallback(listener, [], options.debounce)
+  const func = useDebouncedCallback(listener, [listener], options.debounce)
   useEffect(() => {
     window.addEventListener("resize", func);
 
diff --git a/src/utils/routing/routes.ts b/src/utils/routing/routes.ts
index 372a9b2..5f7f696 100644
--- a/src/utils/routing/routes.ts
+++ b/src/utils/routing/routes.ts
@@ -78,6 +78,7 @@ export const PAGES_ROUTES = {
         default: "/donate"
     },
     profile: {
+        editProfile: "/edit-profile/*",
         byId: "/profile/:id/*",
     },
     auth: {

From 7103518df7c88f845b1eb8eb43f8ebbe7252f558 Mon Sep 17 00:00:00 2001
From: MTG2000 <mtg0987654321@gmail.com>
Date: Sat, 6 Aug 2022 13:57:29 +0300
Subject: [PATCH 05/42] feat: add slider to settings section, fix a react18 bug
 with apollo-client

---
 package-lock.json                             | 56 +++++++++----------
 package.json                                  |  2 +-
 .../pages/EditProfilePage/EditProfilePage.tsx | 47 ++++++++++++----
 .../UpdateMyProfileCard.tsx                   |  1 +
 .../CommentsSettingsCard.tsx                  |  7 ++-
 5 files changed, 69 insertions(+), 44 deletions(-)

diff --git a/package-lock.json b/package-lock.json
index 333e0f7..44e6f83 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -8,7 +8,7 @@
       "name": "my-app",
       "version": "0.1.0",
       "dependencies": {
-        "@apollo/client": "^3.5.10",
+        "@apollo/client": "^3.6.9",
         "@hookform/resolvers": "^2.8.8",
         "@noble/secp256k1": "^1.6.3",
         "@prisma/client": "^3.12.0",
@@ -144,27 +144,27 @@
       }
     },
     "node_modules/@apollo/client": {
-      "version": "3.5.10",
-      "resolved": "https://registry.npmjs.org/@apollo/client/-/client-3.5.10.tgz",
-      "integrity": "sha512-tL3iSpFe9Oldq7gYikZK1dcYxp1c01nlSwtsMz75382HcI6fvQXyFXUCJTTK3wgO2/ckaBvRGw7VqjFREdVoRw==",
+      "version": "3.6.9",
+      "resolved": "https://registry.npmjs.org/@apollo/client/-/client-3.6.9.tgz",
+      "integrity": "sha512-Y1yu8qa2YeaCUBVuw08x8NHenFi0sw2I3KCu7Kw9mDSu86HmmtHJkCAifKVrN2iPgDTW/BbP3EpSV8/EQCcxZA==",
       "dependencies": {
-        "@graphql-typed-document-node/core": "^3.0.0",
+        "@graphql-typed-document-node/core": "^3.1.1",
         "@wry/context": "^0.6.0",
         "@wry/equality": "^0.5.0",
         "@wry/trie": "^0.3.0",
-        "graphql-tag": "^2.12.3",
+        "graphql-tag": "^2.12.6",
         "hoist-non-react-statics": "^3.3.2",
         "optimism": "^0.16.1",
         "prop-types": "^15.7.2",
         "symbol-observable": "^4.0.0",
-        "ts-invariant": "^0.9.4",
+        "ts-invariant": "^0.10.3",
         "tslib": "^2.3.0",
-        "zen-observable-ts": "^1.2.0"
+        "zen-observable-ts": "^1.2.5"
       },
       "peerDependencies": {
         "graphql": "^14.0.0 || ^15.0.0 || ^16.0.0",
         "graphql-ws": "^5.5.5",
-        "react": "^16.8.0 || ^17.0.0",
+        "react": "^16.8.0 || ^17.0.0 || ^18.0.0",
         "subscriptions-transport-ws": "^0.9.0 || ^0.11.0"
       },
       "peerDependenciesMeta": {
@@ -65311,9 +65311,9 @@
       "integrity": "sha512-Z86EW+fFFh/IFB1fqQ3/+7Zpf9t2ebOAxNI/V6Wo7r5gqiqtxmgTlQ1qbqQcjLKYeSHPTsEmvlJUDg/EuL0uHQ=="
     },
     "node_modules/ts-invariant": {
-      "version": "0.9.4",
-      "resolved": "https://registry.npmjs.org/ts-invariant/-/ts-invariant-0.9.4.tgz",
-      "integrity": "sha512-63jtX/ZSwnUNi/WhXjnK8kz4cHHpYS60AnmA6ixz17l7E12a5puCWFlNpkne5Rl0J8TBPVHpGjsj4fxs8ObVLQ==",
+      "version": "0.10.3",
+      "resolved": "https://registry.npmjs.org/ts-invariant/-/ts-invariant-0.10.3.tgz",
+      "integrity": "sha512-uivwYcQaxAucv1CzRp2n/QdYPo4ILf9VXgH19zEIjFx2EJufV16P0JtJVpYHy89DItG6Kwj2oIUjrcK5au+4tQ==",
       "dependencies": {
         "tslib": "^2.1.0"
       },
@@ -68013,9 +68013,9 @@
       "integrity": "sha512-PQ2PC7R9rslx84ndNBZB/Dkv8V8fZEpk83RLgXtYd0fwUgEjseMn1Dgajh2x6S8QbZAFa9p2qVCEuYZNgve0dQ=="
     },
     "node_modules/zen-observable-ts": {
-      "version": "1.2.3",
-      "resolved": "https://registry.npmjs.org/zen-observable-ts/-/zen-observable-ts-1.2.3.tgz",
-      "integrity": "sha512-hc/TGiPkAWpByykMwDcem3SdUgA4We+0Qb36bItSuJC9xD0XVBZoFHYoadAomDSNf64CG8Ydj0Qb8Od8BUWz5g==",
+      "version": "1.2.5",
+      "resolved": "https://registry.npmjs.org/zen-observable-ts/-/zen-observable-ts-1.2.5.tgz",
+      "integrity": "sha512-QZWQekv6iB72Naeake9hS1KxHlotfRpe+WGNbNx5/ta+R3DNjVO2bswf63gXlWDcs+EMd7XY8HfVQyP1X6T4Zg==",
       "dependencies": {
         "zen-observable": "0.8.15"
       }
@@ -68041,22 +68041,22 @@
       }
     },
     "@apollo/client": {
-      "version": "3.5.10",
-      "resolved": "https://registry.npmjs.org/@apollo/client/-/client-3.5.10.tgz",
-      "integrity": "sha512-tL3iSpFe9Oldq7gYikZK1dcYxp1c01nlSwtsMz75382HcI6fvQXyFXUCJTTK3wgO2/ckaBvRGw7VqjFREdVoRw==",
+      "version": "3.6.9",
+      "resolved": "https://registry.npmjs.org/@apollo/client/-/client-3.6.9.tgz",
+      "integrity": "sha512-Y1yu8qa2YeaCUBVuw08x8NHenFi0sw2I3KCu7Kw9mDSu86HmmtHJkCAifKVrN2iPgDTW/BbP3EpSV8/EQCcxZA==",
       "requires": {
-        "@graphql-typed-document-node/core": "^3.0.0",
+        "@graphql-typed-document-node/core": "^3.1.1",
         "@wry/context": "^0.6.0",
         "@wry/equality": "^0.5.0",
         "@wry/trie": "^0.3.0",
-        "graphql-tag": "^2.12.3",
+        "graphql-tag": "^2.12.6",
         "hoist-non-react-statics": "^3.3.2",
         "optimism": "^0.16.1",
         "prop-types": "^15.7.2",
         "symbol-observable": "^4.0.0",
-        "ts-invariant": "^0.9.4",
+        "ts-invariant": "^0.10.3",
         "tslib": "^2.3.0",
-        "zen-observable-ts": "^1.2.0"
+        "zen-observable-ts": "^1.2.5"
       }
     },
     "@apollo/protobufjs": {
@@ -117867,9 +117867,9 @@
       "integrity": "sha512-Z86EW+fFFh/IFB1fqQ3/+7Zpf9t2ebOAxNI/V6Wo7r5gqiqtxmgTlQ1qbqQcjLKYeSHPTsEmvlJUDg/EuL0uHQ=="
     },
     "ts-invariant": {
-      "version": "0.9.4",
-      "resolved": "https://registry.npmjs.org/ts-invariant/-/ts-invariant-0.9.4.tgz",
-      "integrity": "sha512-63jtX/ZSwnUNi/WhXjnK8kz4cHHpYS60AnmA6ixz17l7E12a5puCWFlNpkne5Rl0J8TBPVHpGjsj4fxs8ObVLQ==",
+      "version": "0.10.3",
+      "resolved": "https://registry.npmjs.org/ts-invariant/-/ts-invariant-0.10.3.tgz",
+      "integrity": "sha512-uivwYcQaxAucv1CzRp2n/QdYPo4ILf9VXgH19zEIjFx2EJufV16P0JtJVpYHy89DItG6Kwj2oIUjrcK5au+4tQ==",
       "requires": {
         "tslib": "^2.1.0"
       }
@@ -119989,9 +119989,9 @@
       "integrity": "sha512-PQ2PC7R9rslx84ndNBZB/Dkv8V8fZEpk83RLgXtYd0fwUgEjseMn1Dgajh2x6S8QbZAFa9p2qVCEuYZNgve0dQ=="
     },
     "zen-observable-ts": {
-      "version": "1.2.3",
-      "resolved": "https://registry.npmjs.org/zen-observable-ts/-/zen-observable-ts-1.2.3.tgz",
-      "integrity": "sha512-hc/TGiPkAWpByykMwDcem3SdUgA4We+0Qb36bItSuJC9xD0XVBZoFHYoadAomDSNf64CG8Ydj0Qb8Od8BUWz5g==",
+      "version": "1.2.5",
+      "resolved": "https://registry.npmjs.org/zen-observable-ts/-/zen-observable-ts-1.2.5.tgz",
+      "integrity": "sha512-QZWQekv6iB72Naeake9hS1KxHlotfRpe+WGNbNx5/ta+R3DNjVO2bswf63gXlWDcs+EMd7XY8HfVQyP1X6T4Zg==",
       "requires": {
         "zen-observable": "0.8.15"
       }
diff --git a/package.json b/package.json
index 7653fcc..8153971 100644
--- a/package.json
+++ b/package.json
@@ -3,7 +3,7 @@
   "version": "0.1.0",
   "private": true,
   "dependencies": {
-    "@apollo/client": "^3.5.10",
+    "@apollo/client": "^3.6.9",
     "@hookform/resolvers": "^2.8.8",
     "@noble/secp256k1": "^1.6.3",
     "@prisma/client": "^3.12.0",
diff --git a/src/features/Profiles/pages/EditProfilePage/EditProfilePage.tsx b/src/features/Profiles/pages/EditProfilePage/EditProfilePage.tsx
index f76e3b8..500aadf 100644
--- a/src/features/Profiles/pages/EditProfilePage/EditProfilePage.tsx
+++ b/src/features/Profiles/pages/EditProfilePage/EditProfilePage.tsx
@@ -1,11 +1,13 @@
 import { Navigate, NavLink, Route, Routes } from "react-router-dom";
 import LoadingPage from "src/Components/LoadingPage/LoadingPage";
 import NotFoundPage from "src/features/Shared/pages/NotFoundPage/NotFoundPage";
+import Slider from "src/Components/Slider/Slider";
 import { useProfileQuery } from "src/graphql";
-import { useAppSelector } from "src/utils/hooks";
+import { useAppSelector, useMediaQuery } from "src/utils/hooks";
 import CommentsSettingsCard from "../ProfilePage/CommentsSettingsCard/CommentsSettingsCard";
 import UpdateMyProfileCard from "./UpdateMyProfileCard/UpdateMyProfileCard";
 import { Helmet } from 'react-helmet'
+import { MEDIA_QUERIES } from "src/utils/theme";
 
 
 const links = [
@@ -29,6 +31,7 @@ export default function EditProfilePage() {
         },
         skip: !userId,
     })
+    const isMediumScreen = useMediaQuery(MEDIA_QUERIES.isMedium)
 
 
 
@@ -47,23 +50,43 @@ export default function EditProfilePage() {
             </Helmet>
             <div className="page-container grid grid-cols-1 md:grid-cols-4 gap-24">
                 <aside>
-                    <div className='bg-white border-2 border-gray-200 rounded-12 p-16 sticky-side-element' >
-                        <p className="text-body2 font-bolder text-black mb-16">Edit maker profile</p>
-                        <ul className=' flex flex-col gap-8'>
-                            {links.map((link, idx) =>
-                                <li key={idx}>
-                                    <NavLink
-                                        to={link.path}
-                                        className={({ isActive }) => `flex items-start rounded-8 cursor-pointer font-bold p-12
+                    {isMediumScreen ?
+                        <div className='bg-white border-2 border-gray-200 rounded-12 p-16 sticky-side-element' >
+                            <p className="text-body2 font-bolder text-black mb-16">Edit maker profile</p>
+                            <ul className=' flex flex-col gap-8'>
+                                {links.map((link, idx) =>
+                                    <li key={idx}>
+                                        <NavLink
+                                            to={link.path}
+                                            className={({ isActive }) => `flex items-start rounded-8 cursor-pointer font-bold p-12
                                  active:scale-95 transition-transform
                                 ${isActive ? 'bg-gray-100' : 'hover:bg-gray-50'}
                                 `}
+                                        >
+                                            {link.text}
+                                        </NavLink>
+                                    </li>)}
+                            </ul>
+                        </div>
+                        :
+                        <div className="border-b-2 border-gray-200">
+                            <Slider>
+                                {links.map((link, idx) =>
+                                    <NavLink
+                                        to={link.path}
+                                        key={idx}
+                                        className={`flex items-start cursor-pointer font-bold py-12
+                                                active:scale-95 transition-transform`}
+                                        style={({ isActive }) => ({
+                                            boxShadow: isActive ? '0px 2px var(--primary)' : 'none'
+                                        })}
                                     >
                                         {link.text}
                                     </NavLink>
-                                </li>)}
-                        </ul>
-                    </div>
+                                )}
+                            </Slider>
+                        </div>
+                    }
                 </aside>
                 <main className="md:col-span-2">
                     <Routes>
diff --git a/src/features/Profiles/pages/EditProfilePage/UpdateMyProfileCard/UpdateMyProfileCard.tsx b/src/features/Profiles/pages/EditProfilePage/UpdateMyProfileCard/UpdateMyProfileCard.tsx
index b0d9c5f..1053c4e 100644
--- a/src/features/Profiles/pages/EditProfilePage/UpdateMyProfileCard/UpdateMyProfileCard.tsx
+++ b/src/features/Profiles/pages/EditProfilePage/UpdateMyProfileCard/UpdateMyProfileCard.tsx
@@ -77,6 +77,7 @@ export default function UpdateMyProfileCard({ data, onClose }: Props) {
 
 
 
+
     const onSubmit: SubmitHandler<IFormInputs> = data => {
         mutate({
             variables: {
diff --git a/src/features/Profiles/pages/ProfilePage/CommentsSettingsCard/CommentsSettingsCard.tsx b/src/features/Profiles/pages/ProfilePage/CommentsSettingsCard/CommentsSettingsCard.tsx
index d8c932e..4d9b9ac 100644
--- a/src/features/Profiles/pages/ProfilePage/CommentsSettingsCard/CommentsSettingsCard.tsx
+++ b/src/features/Profiles/pages/ProfilePage/CommentsSettingsCard/CommentsSettingsCard.tsx
@@ -38,7 +38,8 @@ export default function CommentsSettingsCard({ nostr_prv_key, nostr_pub_key, isO
                         <input
                             type={'password'}
                             className="input-text"
-                            value={nostr_prv_key}
+                            defaultValue={nostr_prv_key}
+                            readOnly
                         />
 
                         <CopyToClipboard text={nostr_prv_key} />
@@ -50,10 +51,10 @@ export default function CommentsSettingsCard({ nostr_prv_key, nostr_pub_key, isO
                     </p>
                     <div className="input-wrapper mt-8 relative">
                         <input
-
                             type='text'
                             className="input-text"
-                            value={nostr_pub_key!}
+                            defaultValue={nostr_pub_key!}
+                            readOnly
                         />
                         <CopyToClipboard text={nostr_pub_key ?? ''} />
                     </div>

From 5dde7c3b0e94dc9299e0ea11ae69e1de23c3849d Mon Sep 17 00:00:00 2001
From: MTG2000 <mtg0987654321@gmail.com>
Date: Sat, 6 Aug 2022 14:00:48 +0300
Subject: [PATCH 06/42] fix: useInfiniteQuery typing

---
 src/utils/hooks/useInfiniteQuery.ts | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/utils/hooks/useInfiniteQuery.ts b/src/utils/hooks/useInfiniteQuery.ts
index 1095419..50320f2 100644
--- a/src/utils/hooks/useInfiniteQuery.ts
+++ b/src/utils/hooks/useInfiniteQuery.ts
@@ -1,7 +1,7 @@
 import { QueryResult } from "@apollo/client";
 import { useCallback, useState } from "react";
 
-export const useInfiniteQuery = (query: QueryResult, dataField: string) => {
+export const useInfiniteQuery = (query: QueryResult<any, any>, dataField: string) => {
     const [fetchingMore, setFetchingMore] = useState(false)
     const [reachedLastPage, setReachedLastPage] = useState(false)
 

From 27a2d52e6a1508a436f8a15ec99fdc237c5c856d Mon Sep 17 00:00:00 2001
From: MTG2000 <mtg0987654321@gmail.com>
Date: Sat, 6 Aug 2022 14:08:08 +0300
Subject: [PATCH 07/42] update: remove edit state from the AboutCard in profile
 page

---
 .../pages/ProfilePage/AboutCard/AboutCard.tsx |  75 +++--
 .../ProfilePage/AboutCard/UpdateAboutForm.tsx | 265 ------------------
 2 files changed, 33 insertions(+), 307 deletions(-)
 delete mode 100644 src/features/Profiles/pages/ProfilePage/AboutCard/UpdateAboutForm.tsx

diff --git a/src/features/Profiles/pages/ProfilePage/AboutCard/AboutCard.tsx b/src/features/Profiles/pages/ProfilePage/AboutCard/AboutCard.tsx
index 6e6deaa..76aa32d 100644
--- a/src/features/Profiles/pages/ProfilePage/AboutCard/AboutCard.tsx
+++ b/src/features/Profiles/pages/ProfilePage/AboutCard/AboutCard.tsx
@@ -3,8 +3,7 @@ import { User } from "src/graphql"
 import { trimText, withHttp } from "src/utils/helperFunctions"
 import { FiGithub, FiGlobe, FiLinkedin, FiTwitter } from 'react-icons/fi'
 import Button from "src/Components/Button/Button";
-import { useToggle } from "@react-hookz/web";
-import UpdateAboutForm from "./UpdateAboutForm";
+import { PAGES_ROUTES } from "src/utils/routing";
 
 interface Props {
     isOwner?: boolean;
@@ -52,7 +51,6 @@ export default function AboutCard({ user, isOwner }: Props) {
         }
     ];
 
-    const [editMode, toggleEditMode] = useToggle(false);
 
     return (
         <div className="rounded-16 bg-white border-2 border-gray-200">
@@ -62,51 +60,44 @@ export default function AboutCard({ user, isOwner }: Props) {
                 </div>
             </div>
             <div className="h-64 flex justify-end items-center px-24">
-                {(isOwner && !editMode) && <Button size="sm" color="gray" onClick={() => toggleEditMode(true)}>Edit Profile</Button>}
+                {(isOwner) && <Button size="sm" color="gray" href='/edit-profile'>Edit Profile</Button>}
             </div>
             <div className="p-24 pt-0">
-                {editMode === true ?
+                <div className="flex flex-col gap-16">
+                    <h1 className="text-h2 font-bolder">
+                        {trimText(user.name, 20)}
+                    </h1>
 
-                    <UpdateAboutForm data={user} onClose={toggleEditMode} />
+                    {links.some(link => link.hasValue) && <div className="flex flex-wrap gap-16">
+                        {links.filter(link => link.hasValue || isOwner).map((link, idx) => link.hasValue ?
+                            <a
+                                key={idx}
+                                href={link.url!}
+                                className="text-body4 text-primary-700 font-medium"
+                                target='_blank'
+                                rel="noreferrer">
+                                <link.icon className="scale-125 mr-8" /> <span className="align-middle">{link.text}</span>
+                            </a> :
+                            <p
+                                key={idx}
+                                className="text-body4 text-primary-700 font-medium"
+                            >
+                                <link.icon className="scale-125 mr-8" /> <span className="align-middle">---</span>
+                            </p>)}
+                    </div>}
 
-                    :
+                    {(user.jobTitle || isOwner) && <p className="text-body4 font-medium">
+                        {user.jobTitle ? user.jobTitle : "No job title added"}
+                    </p>}
 
-                    <div className="flex flex-col gap-16">
-                        <h1 className="text-h2 font-bolder">
-                            {trimText(user.name, 20)}
-                        </h1>
+                    {(user.lightning_address || isOwner) && <p className="text-body5 font-medium">
+                        {user.lightning_address ? `⚡${user.lightning_address}` : "⚡ No lightning address"}
+                    </p>}
 
-                        {links.some(link => link.hasValue) && <div className="flex flex-wrap gap-16">
-                            {links.filter(link => link.hasValue || isOwner).map((link, idx) => link.hasValue ?
-                                <a
-                                    key={idx}
-                                    href={link.url!}
-                                    className="text-body4 text-primary-700 font-medium"
-                                    target='_blank'
-                                    rel="noreferrer">
-                                    <link.icon className="scale-125 mr-8" /> <span className="align-middle">{link.text}</span>
-                                </a> :
-                                <p
-                                    key={idx}
-                                    className="text-body4 text-primary-700 font-medium"
-                                >
-                                    <link.icon className="scale-125 mr-8" /> <span className="align-middle">---</span>
-                                </p>)}
-                        </div>}
-
-                        {(user.jobTitle || isOwner) && <p className="text-body4 font-medium">
-                            {user.jobTitle ? user.jobTitle : "No job title added"}
-                        </p>}
-
-                        {(user.lightning_address || isOwner) && <p className="text-body5 font-medium">
-                            {user.lightning_address ? `⚡${user.lightning_address}` : "⚡ No lightning address"}
-                        </p>}
-
-                        {(user.bio || isOwner) && <p className="text-body5 font-medium">
-                            {user.bio ? user.bio : "No bio added"}
-                        </p>}
-                    </div>
-                }
+                    {(user.bio || isOwner) && <p className="text-body5 font-medium">
+                        {user.bio ? user.bio : "No bio added"}
+                    </p>}
+                </div>
             </div>
         </div>
     )
diff --git a/src/features/Profiles/pages/ProfilePage/AboutCard/UpdateAboutForm.tsx b/src/features/Profiles/pages/ProfilePage/AboutCard/UpdateAboutForm.tsx
deleted file mode 100644
index c01cadf..0000000
--- a/src/features/Profiles/pages/ProfilePage/AboutCard/UpdateAboutForm.tsx
+++ /dev/null
@@ -1,265 +0,0 @@
-import { ComponentProps } from "react"
-import { SubmitHandler, useForm } from "react-hook-form"
-import Button from "src/Components/Button/Button";
-import { useUpdateProfileAboutMutation } from "src/graphql";
-import { NotificationsService } from "src/services/notifications.service";
-import AboutCard from "./AboutCard"
-import * as yup from "yup";
-import { yupResolver } from "@hookform/resolvers/yup";
-
-interface Props {
-  data: ComponentProps<typeof AboutCard>['user'],
-  onClose?: () => void;
-}
-
-type IFormInputs = Props['data'];
-
-const schema: yup.SchemaOf<IFormInputs> = yup.object({
-  name: yup.string().trim().required().min(2),
-  avatar: yup.string().url().required(),
-  bio: yup.string().ensure(),
-  email: yup.string().email().ensure(),
-  github: yup.string().ensure(),
-  jobTitle: yup.string().ensure(),
-  lightning_address: yup
-    .string()
-    .test({
-      name: "is valid lightning_address",
-      test: async value => {
-        try {
-          if (value) {
-            const [name, domain] = value.split("@");
-            const lnurl = `https://${domain}/.well-known/lnurlp/${name}`;
-            const res = await fetch(lnurl);
-            if (res.status === 200) return true;
-          }
-          return true;
-        } catch (error) {
-          return false;
-        }
-      }
-    })
-    .ensure()
-    .label("lightning address"),
-  linkedin: yup.string().ensure(),
-  location: yup.string().ensure(),
-  twitter: yup.string().ensure(),
-  website: yup.string().url().ensure(),
-
-}).required();
-
-export default function UpdateAboutForm({ data, onClose }: Props) {
-
-  const { register, formState: { errors }, handleSubmit } = useForm<IFormInputs>({
-    defaultValues: data,
-    resolver: yupResolver(schema),
-    mode: 'onBlur',
-  });
-
-  const [mutate, mutationStatus] = useUpdateProfileAboutMutation({
-    onCompleted: () => {
-      onClose?.()
-    }
-  });
-
-
-
-  const onSubmit: SubmitHandler<IFormInputs> = data => {
-    mutate({
-      variables: {
-        data: {
-          name: data.name,
-          avatar: data.avatar,
-          jobTitle: data.jobTitle,
-          bio: data.bio,
-          email: data.email,
-          github: data.github,
-          linkedin: data.linkedin,
-          lightning_address: data.lightning_address,
-          location: data.location,
-          twitter: data.twitter,
-          website: data.website,
-        }
-      }
-    }).catch(() => {
-      NotificationsService.error('A network error happened');
-      mutationStatus.reset()
-    })
-  };
-
-  return (
-    <form onSubmit={handleSubmit(onSubmit)}>
-      <p className="text-body5 mt-16 font-medium">
-        Name
-      </p>
-      <div className="input-wrapper mt-8 relative">
-        <input
-          autoFocus
-          type='text'
-          className="input-text"
-          placeholder='John Doe'
-          {...register("name")}
-        />
-      </div>
-      {errors.name && <p className="input-error">
-        {errors.name.message}
-      </p>}
-      <p className="text-body5 mt-16 font-medium">
-        Avatar
-      </p>
-      <div className="input-wrapper mt-8 relative">
-        <input
-
-          type='text'
-          className="input-text"
-          placeholder='https://images.com/my-avatar.jpg'
-          {...register("avatar")}
-        />
-      </div>
-      {errors.avatar && <p className="input-error">
-        {errors.avatar.message}
-      </p>}
-      <p className="text-body5 mt-16 font-medium">
-        Bio
-      </p>
-      <div className="input-wrapper mt-8 relative">
-        <textarea
-
-          rows={3}
-          className="input-text !p-20"
-          placeholder='Tell others a little bit about yourself'
-          {...register("bio")}
-        />
-      </div>
-      {errors.bio && <p className="input-error">
-        {errors.bio.message}
-      </p>}
-      <p className="text-body5 mt-16 font-medium">
-        Job Title
-      </p>
-      <div className="input-wrapper mt-8 relative">
-        <input
-
-          type='text'
-          className="input-text"
-          placeholder="Back-end Developer"
-          {...register("jobTitle")}
-        />
-      </div>
-      {errors.jobTitle && <p className="input-error">
-        {errors.jobTitle.message}
-      </p>}
-      <p className="text-body5 mt-16 font-medium">
-        Location
-      </p>
-      <div className="input-wrapper mt-8 relative">
-        <input
-
-          type='text'
-          className="input-text"
-          placeholder="UK, London"
-          {...register("location")}
-        />
-      </div>
-      {errors.location && <p className="input-error">
-        {errors.location.message}
-      </p>}
-      <p className="text-body5 mt-16 font-medium">
-        Website
-      </p>
-      <div className="input-wrapper mt-8 relative">
-        <input
-
-          type='text'
-          className="input-text"
-          placeholder="www.website.io"
-          {...register("website")}
-        />
-      </div>
-      {errors.website && <p className="input-error">
-        {errors.website.message}
-      </p>}
-      <p className="text-body5 mt-16 font-medium">
-        Twitter
-      </p>
-      <div className="input-wrapper mt-8 relative">
-        <input
-
-          type='text'
-          className="input-text"
-          placeholder="@johndoe"
-          {...register("twitter")}
-        />
-      </div>
-      {errors.twitter && <p className="input-error">
-        {errors.twitter.message}
-      </p>}
-      <p className="text-body5 mt-16 font-medium">
-        Github
-      </p>
-      <div className="input-wrapper mt-8 relative">
-        <input
-
-          type='text'
-          className="input-text"
-          placeholder="johndoe"
-          {...register("github")}
-        />
-      </div>
-      {errors.github && <p className="input-error">
-        {errors.github.message}
-      </p>}
-      <p className="text-body5 mt-16 font-medium">
-        Linkedin
-      </p>
-      <div className="input-wrapper mt-8 relative">
-        <input
-
-          type='text'
-          className="input-text"
-          placeholder="www.linkedin.com/in/john-doe"
-          {...register("linkedin")}
-        />
-      </div>
-      {errors.linkedin && <p className="input-error">
-        {errors.linkedin.message}
-      </p>}
-      <p className="text-body5 mt-16 font-medium">
-        Lightning address
-      </p>
-
-      <div className="input-wrapper mt-8 relative">
-        <input
-
-          type='text'
-          className="input-text"
-          placeholder="johndoe@lnd.com"
-          {...register("lightning_address")}
-        />
-      </div>
-      {errors.lightning_address && <p className="input-error">
-        {errors.lightning_address.message}
-      </p>}
-      <p className="text-body6 text-gray-400 mt-8 max-w-[70ch]">
-        Your lightning address is used to send the votes you get on your posts, comments, apps...etc, directly to you.
-      </p>
-      <div className="mt-24 flex gap-16 justify-end">
-        <Button
-          color='gray'
-          disabled={mutationStatus.loading}
-          onClick={onClose}
-        >
-          Cancel
-        </Button>
-        <Button
-          type='submit'
-          color='primary'
-          isLoading={mutationStatus.loading}
-          disabled={mutationStatus.loading}
-        >
-          Save changes
-        </Button>
-      </div>
-    </form>
-  )
-}

From aee07ef23e4a51c1b51b22dccd6de88c99162eab Mon Sep 17 00:00:00 2001
From: MTG2000 <mtg0987654321@gmail.com>
Date: Sat, 6 Aug 2022 14:41:21 +0300
Subject: [PATCH 08/42] udpate: better envs files structure, added separate env
 files for api

---
 .gitignore                                    |  3 ++-
 environments/.preview.env                     |  0
 environments/.prod.github.env                 |  2 --
 .../client}/.dev.mock-server.env              |  0
 .../client}/.dev.prod-server.env              |  0
 {environments => envs/client}/.dev.server.env |  0
 .../client}/.prod.mock-server.env             |  0
 package.json                                  | 25 +++++++++----------
 src/utils/hooks/useResizeListener.ts          |  2 +-
 9 files changed, 15 insertions(+), 17 deletions(-)
 delete mode 100644 environments/.preview.env
 delete mode 100644 environments/.prod.github.env
 rename {environments => envs/client}/.dev.mock-server.env (100%)
 rename {environments => envs/client}/.dev.prod-server.env (100%)
 rename {environments => envs/client}/.dev.server.env (100%)
 rename {environments => envs/client}/.prod.mock-server.env (100%)

diff --git a/.gitignore b/.gitignore
index 1f28034..e935ebe 100644
--- a/.gitignore
+++ b/.gitignore
@@ -2,7 +2,8 @@
 .env
 build 
 storybook-static
-environments/.dev.preview-server.env
+envs/client/.dev.preview-server.env
+envs/server
 # See https://help.github.com/articles/ignoring-files/ for more about ignoring files.
 
 # dependencies
diff --git a/environments/.preview.env b/environments/.preview.env
deleted file mode 100644
index e69de29..0000000
diff --git a/environments/.prod.github.env b/environments/.prod.github.env
deleted file mode 100644
index 94cbdea..0000000
--- a/environments/.prod.github.env
+++ /dev/null
@@ -1,2 +0,0 @@
-REACT_APP_FOR_GITHUB=true
-REACT_APP_API_END_POINT = https://makers.bolt.fun/.netlify/functions 
\ No newline at end of file
diff --git a/environments/.dev.mock-server.env b/envs/client/.dev.mock-server.env
similarity index 100%
rename from environments/.dev.mock-server.env
rename to envs/client/.dev.mock-server.env
diff --git a/environments/.dev.prod-server.env b/envs/client/.dev.prod-server.env
similarity index 100%
rename from environments/.dev.prod-server.env
rename to envs/client/.dev.prod-server.env
diff --git a/environments/.dev.server.env b/envs/client/.dev.server.env
similarity index 100%
rename from environments/.dev.server.env
rename to envs/client/.dev.server.env
diff --git a/environments/.prod.mock-server.env b/envs/client/.prod.mock-server.env
similarity index 100%
rename from environments/.prod.mock-server.env
rename to envs/client/.prod.mock-server.env
diff --git a/package.json b/package.json
index 8153971..6f8dfe6 100644
--- a/package.json
+++ b/package.json
@@ -90,23 +90,22 @@
     "yup": "^0.32.11"
   },
   "scripts": {
-    "client:prod-server": "env-cmd -f ./environments/.dev.prod-server.env react-scripts start",
-    "client:preview-server": "env-cmd -f ./environments/.dev.preview-server.env react-scripts start",
-    "client:mocks": "env-cmd -f ./environments/.dev.mock-server.env react-scripts start",
-    "client:dev-server": "env-cmd -f ./environments/.dev.server.env react-scripts start",
-    "server:dev": "serverless offline",
+    "client:prod-server": "env-cmd -f ./envs/client/.dev.prod-server.env react-scripts start",
+    "client:preview-server": "env-cmd -f ./envs/client/.dev.preview-server.env react-scripts start",
+    "client:mocks": "env-cmd -f ./envs/client/.dev.mock-server.env react-scripts start",
+    "client:dev-server": "env-cmd -f ./envs/client/.dev.server.env react-scripts start",
+    "server:dev": "env-cmd -f ./envs/server/local.env  serverless offline",
+    "server:preview": "env-cmd -f ./envs/server/preview.env  serverless offline",
+    "server:prod": "env-cmd -f ./envs/server/prod.env  serverless offline",
     "generate-graphql": "graphql-codegen",
+    "storybook": "env-cmd -f ./envs/client/.dev.preview-server.env start-storybook -p 6006 -s public",
+    "storybook:mocks": "env-cmd -f ./envs/client/.dev.mock-server.env start-storybook -p 6006 -s public",
     "build": "react-scripts build",
-    "build:mocks": "env-cmd -f ./environments/.prod.mock-server.env react-scripts build",
+    "build:mocks": "env-cmd -f ./envs/client/.prod.mock-server.env react-scripts build",
+    "build-storybook": "env-cmd -f ./envs/client/.dev.preview-server.env build-storybook -s public",
+    "build-storybook:mocks": "env-cmd -f ./envs/client/.prod.mock-server.env build-storybook -s public",
     "test": "react-scripts test",
     "eject": "react-scripts eject",
-    "predeploy": "env-cmd -f ./environments/.prod.github.env npm run build",
-    "deploy": "gh-pages -d build",
-    "only-deploy": "gh-pages -d build",
-    "storybook": "env-cmd -f ./environments/.dev.preview-server.env start-storybook -p 6006 -s public",
-    "storybook:mocks": "env-cmd -f ./environments/.dev.mock-server.env start-storybook -p 6006 -s public",
-    "build-storybook": "env-cmd -f ./environments/.prod.preview-server.env build-storybook -s public",
-    "build-storybook:mocks": "env-cmd -f ./environments/.prod.mock-server.env build-storybook -s public",
     "db:migrate-dev": "prisma migrate dev",
     "db:migrate-deploy": "prisma migrate deploy",
     "db:reset": "prisma migrate reset",
diff --git a/src/utils/hooks/useResizeListener.ts b/src/utils/hooks/useResizeListener.ts
index 356e1a9..9173b14 100644
--- a/src/utils/hooks/useResizeListener.ts
+++ b/src/utils/hooks/useResizeListener.ts
@@ -1,5 +1,5 @@
 import { useDebouncedCallback } from "@react-hookz/web";
-import { useCallback, useEffect } from "react";
+import { useEffect } from "react";
 
 export const useResizeListener = (
   listener: () => void,

From 64f02359facb3a130dfaa0e557bbd1a513bfe734 Mon Sep 17 00:00:00 2001
From: MTG2000 <mtg0987654321@gmail.com>
Date: Sun, 7 Aug 2022 00:09:37 +0300
Subject: [PATCH 09/42] refactor: update the carousel library used for a better
 and lighter one

removed the old 2 used carousel libs react-multi-carousel and react-responsive-carousel, and instead installed and used react-embla-carousel, as it provides an easier api, variable items width support, and less deps.
---
 package-lock.json                             |  84 ++++++---------
 package.json                                  |   3 +-
 .../ExplorePage/Categories/Categories.tsx     |  46 ++++++--
 .../Header/CustomDot/CustomDot.tsx            |   6 +-
 .../pages/ExplorePage/Header/Header.tsx       | 101 +++++++++++-------
 .../ExplorePage/ProjectsRow/ProjectsRow.tsx   |  95 +++++-----------
 .../pages/ExplorePage/ProjectsRow/style.css   |   9 --
 src/utils/Wrapper.tsx                         |   1 -
 8 files changed, 157 insertions(+), 188 deletions(-)
 delete mode 100644 src/features/Projects/pages/ExplorePage/ProjectsRow/style.css

diff --git a/package-lock.json b/package-lock.json
index 44e6f83..c24518c 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -42,6 +42,7 @@
         "crypto": "^1.0.1",
         "dayjs": "^1.11.1",
         "dompurify": "^2.3.10",
+        "embla-carousel-react": "^7.0.0",
         "env-cmd": "^10.1.0",
         "express": "^4.18.1",
         "express-session": "^1.17.3",
@@ -76,10 +77,8 @@
         "react-loader-spinner": "^6.0.0-0",
         "react-loading-skeleton": "^3.1.0",
         "react-modal": "^3.15.1",
-        "react-multi-carousel": "^2.8.0",
         "react-query": "^3.35.0",
         "react-redux": "^8.0.0",
-        "react-responsive-carousel": "^3.2.23",
         "react-router-dom": "^6.3.0",
         "react-scripts": "5.0.1",
         "react-select": "^5.3.2",
@@ -21866,6 +21865,22 @@
       "integrity": "sha512-k0/r7GrWVL32kZlGwfPNgB2Y/mMXVTq/decgLczm/j34whdaspNrZO8CnXPf1laaHxI6ptUlsnAxN+UAPw+fzg==",
       "dev": true
     },
+    "node_modules/embla-carousel": {
+      "version": "7.0.0",
+      "resolved": "https://registry.npmjs.org/embla-carousel/-/embla-carousel-7.0.0.tgz",
+      "integrity": "sha512-vgyElJaBRTtzWROQuO9Qx/VlibzKdhwnuQ2Ldh5/7/jddrB4XTI6IQlgR5ZglRaXjH4nXjVtUSwWWZMEIZQLFQ=="
+    },
+    "node_modules/embla-carousel-react": {
+      "version": "7.0.0",
+      "resolved": "https://registry.npmjs.org/embla-carousel-react/-/embla-carousel-react-7.0.0.tgz",
+      "integrity": "sha512-y17TYtqvvziWbDwwfX5dh8n4qU1luytz4+6WWMBnR4pJfLfkKBGsqYNZ4WhmAgUcYL1Uliti8Cjg+NJd46MPxw==",
+      "dependencies": {
+        "embla-carousel": "7.0.0"
+      },
+      "peerDependencies": {
+        "react": "^18.1.0"
+      }
+    },
     "node_modules/emittery": {
       "version": "0.8.1",
       "resolved": "https://registry.npmjs.org/emittery/-/emittery-0.8.1.tgz",
@@ -60197,17 +60212,6 @@
         "react-dom": ">= 16.3.0"
       }
     },
-    "node_modules/react-easy-swipe": {
-      "version": "0.0.21",
-      "resolved": "https://registry.npmjs.org/react-easy-swipe/-/react-easy-swipe-0.0.21.tgz",
-      "integrity": "sha512-OeR2jAxdoqUMHIn/nS9fgreI5hSpgGoL5ezdal4+oO7YSSgJR8ga+PkYGJrSrJ9MKlPcQjMQXnketrD7WNmNsg==",
-      "dependencies": {
-        "prop-types": "^15.5.8"
-      },
-      "engines": {
-        "node": ">= 6"
-      }
-    },
     "node_modules/react-element-to-jsx-string": {
       "version": "14.3.4",
       "resolved": "https://registry.npmjs.org/react-element-to-jsx-string/-/react-element-to-jsx-string-14.3.4.tgz",
@@ -60382,14 +60386,6 @@
         "react-dom": "^0.14.0 || ^15.0.0 || ^16 || ^17 || ^18"
       }
     },
-    "node_modules/react-multi-carousel": {
-      "version": "2.8.0",
-      "resolved": "https://registry.npmjs.org/react-multi-carousel/-/react-multi-carousel-2.8.0.tgz",
-      "integrity": "sha512-xuxQVGGiH8yWDDWgt9Z9+C+zzoACuBT740cV+6To52DYCwLlQGJIntDFLOCqMsO85Ist1x+630HA8lazb/a/tA==",
-      "engines": {
-        "node": ">=8"
-      }
-    },
     "node_modules/react-onclickoutside": {
       "version": "6.12.1",
       "resolved": "https://registry.npmjs.org/react-onclickoutside/-/react-onclickoutside-6.12.1.tgz",
@@ -60503,16 +60499,6 @@
         "node": ">=0.10.0"
       }
     },
-    "node_modules/react-responsive-carousel": {
-      "version": "3.2.23",
-      "resolved": "https://registry.npmjs.org/react-responsive-carousel/-/react-responsive-carousel-3.2.23.tgz",
-      "integrity": "sha512-pqJLsBaKHWJhw/ItODgbVoziR2z4lpcJg+YwmRlSk4rKH32VE633mAtZZ9kDXjy4wFO+pgUZmDKPsPe1fPmHCg==",
-      "dependencies": {
-        "classnames": "^2.2.5",
-        "prop-types": "^15.5.8",
-        "react-easy-swipe": "^0.0.21"
-      }
-    },
     "node_modules/react-router": {
       "version": "6.3.0",
       "resolved": "https://registry.npmjs.org/react-router/-/react-router-6.3.0.tgz",
@@ -84862,6 +84848,19 @@
       "integrity": "sha512-k0/r7GrWVL32kZlGwfPNgB2Y/mMXVTq/decgLczm/j34whdaspNrZO8CnXPf1laaHxI6ptUlsnAxN+UAPw+fzg==",
       "dev": true
     },
+    "embla-carousel": {
+      "version": "7.0.0",
+      "resolved": "https://registry.npmjs.org/embla-carousel/-/embla-carousel-7.0.0.tgz",
+      "integrity": "sha512-vgyElJaBRTtzWROQuO9Qx/VlibzKdhwnuQ2Ldh5/7/jddrB4XTI6IQlgR5ZglRaXjH4nXjVtUSwWWZMEIZQLFQ=="
+    },
+    "embla-carousel-react": {
+      "version": "7.0.0",
+      "resolved": "https://registry.npmjs.org/embla-carousel-react/-/embla-carousel-react-7.0.0.tgz",
+      "integrity": "sha512-y17TYtqvvziWbDwwfX5dh8n4qU1luytz4+6WWMBnR4pJfLfkKBGsqYNZ4WhmAgUcYL1Uliti8Cjg+NJd46MPxw==",
+      "requires": {
+        "embla-carousel": "7.0.0"
+      }
+    },
     "emittery": {
       "version": "0.8.1",
       "resolved": "https://registry.npmjs.org/emittery/-/emittery-0.8.1.tgz",
@@ -113858,14 +113857,6 @@
         "prop-types": "^15.6.0"
       }
     },
-    "react-easy-swipe": {
-      "version": "0.0.21",
-      "resolved": "https://registry.npmjs.org/react-easy-swipe/-/react-easy-swipe-0.0.21.tgz",
-      "integrity": "sha512-OeR2jAxdoqUMHIn/nS9fgreI5hSpgGoL5ezdal4+oO7YSSgJR8ga+PkYGJrSrJ9MKlPcQjMQXnketrD7WNmNsg==",
-      "requires": {
-        "prop-types": "^15.5.8"
-      }
-    },
     "react-element-to-jsx-string": {
       "version": "14.3.4",
       "resolved": "https://registry.npmjs.org/react-element-to-jsx-string/-/react-element-to-jsx-string-14.3.4.tgz",
@@ -113997,11 +113988,6 @@
         "warning": "^4.0.3"
       }
     },
-    "react-multi-carousel": {
-      "version": "2.8.0",
-      "resolved": "https://registry.npmjs.org/react-multi-carousel/-/react-multi-carousel-2.8.0.tgz",
-      "integrity": "sha512-xuxQVGGiH8yWDDWgt9Z9+C+zzoACuBT740cV+6To52DYCwLlQGJIntDFLOCqMsO85Ist1x+630HA8lazb/a/tA=="
-    },
     "react-onclickoutside": {
       "version": "6.12.1",
       "resolved": "https://registry.npmjs.org/react-onclickoutside/-/react-onclickoutside-6.12.1.tgz",
@@ -114063,16 +114049,6 @@
       "resolved": "https://registry.npmjs.org/react-refresh/-/react-refresh-0.11.0.tgz",
       "integrity": "sha512-F27qZr8uUqwhWZboondsPx8tnC3Ct3SxZA3V5WyEvujRyyNv0VYPhoBg1gZ8/MV5tubQp76Trw8lTv9hzRBa+A=="
     },
-    "react-responsive-carousel": {
-      "version": "3.2.23",
-      "resolved": "https://registry.npmjs.org/react-responsive-carousel/-/react-responsive-carousel-3.2.23.tgz",
-      "integrity": "sha512-pqJLsBaKHWJhw/ItODgbVoziR2z4lpcJg+YwmRlSk4rKH32VE633mAtZZ9kDXjy4wFO+pgUZmDKPsPe1fPmHCg==",
-      "requires": {
-        "classnames": "^2.2.5",
-        "prop-types": "^15.5.8",
-        "react-easy-swipe": "^0.0.21"
-      }
-    },
     "react-router": {
       "version": "6.3.0",
       "resolved": "https://registry.npmjs.org/react-router/-/react-router-6.3.0.tgz",
diff --git a/package.json b/package.json
index 6f8dfe6..330a812 100644
--- a/package.json
+++ b/package.json
@@ -37,6 +37,7 @@
     "crypto": "^1.0.1",
     "dayjs": "^1.11.1",
     "dompurify": "^2.3.10",
+    "embla-carousel-react": "^7.0.0",
     "env-cmd": "^10.1.0",
     "express": "^4.18.1",
     "express-session": "^1.17.3",
@@ -71,10 +72,8 @@
     "react-loader-spinner": "^6.0.0-0",
     "react-loading-skeleton": "^3.1.0",
     "react-modal": "^3.15.1",
-    "react-multi-carousel": "^2.8.0",
     "react-query": "^3.35.0",
     "react-redux": "^8.0.0",
-    "react-responsive-carousel": "^3.2.23",
     "react-router-dom": "^6.3.0",
     "react-scripts": "5.0.1",
     "react-select": "^5.3.2",
diff --git a/src/features/Projects/pages/ExplorePage/Categories/Categories.tsx b/src/features/Projects/pages/ExplorePage/Categories/Categories.tsx
index 54e30fd..4034919 100644
--- a/src/features/Projects/pages/ExplorePage/Categories/Categories.tsx
+++ b/src/features/Projects/pages/ExplorePage/Categories/Categories.tsx
@@ -1,7 +1,9 @@
 
-import Slider from 'src/Components/Slider/Slider'
+import useEmblaCarousel from 'embla-carousel-react'
 import { useNavigate } from 'react-router-dom';
 import { useAllCategoriesQuery } from 'src/graphql';
+import { FaChevronLeft, FaChevronRight } from 'react-icons/fa';
+import { useCallback } from 'react';
 
 const colors = [
     '#FDF2F8',
@@ -18,8 +20,18 @@ const colors = [
 
 export default function Categories() {
 
+    const [emblaRef, emblaApi] = useEmblaCarousel({ align: 'start', slidesToScroll: 2 })
     const { data, loading } = useAllCategoriesQuery();
     const navigate = useNavigate();
+
+    const scrollPrev = useCallback(() => {
+        if (emblaApi) emblaApi.scrollPrev()
+    }, [emblaApi])
+
+    const scrollNext = useCallback(() => {
+        if (emblaApi) emblaApi.scrollNext()
+    }, [emblaApi])
+
     if (loading || !data)
         return <div className="flex gap-12">
             {Array(5).fill(0).map((_, idx) =>
@@ -34,16 +46,28 @@ export default function Categories() {
 
 
     return (
-        <Slider>
-            {data?.allCategories.map((category, idx) =>
-                <button
-                    key={category.id}
-                    onClick={() => navigate(`/apps/category/${category.id}`)}
-                    className=' block p-16 rounded-16 hover:bg-gray-100 active:bg-gray-200 active:scale-90 transition-transform'
-                    style={{ backgroundColor: colors[idx % colors.length] }}
-                >{category.icon} {category.title}</button>
-            )}
-        </Slider>
+
+        <div className="relative group">
+            <div className="overflow-hidden" ref={emblaRef}>
+                <div className="select-none w-full flex gap-16">
+                    {data?.allCategories.map((category, idx) =>
+                        <button
+                            key={category.id}
+                            onClick={() => emblaApi?.clickAllowed() && navigate(`/apps/category/${category.id}`)}
+                            className='min-w-max block p-16 rounded-16 hover:bg-gray-100 active:bg-gray-200 active:scale-90 transition-transform'
+                            style={{ backgroundColor: colors[idx % colors.length] }}
+                        >{category.icon} {category.title}</button>
+                    )}
+                </div>
+            </div>
+            <button className="absolute inset-y-0 w-42 left-0 opacity-0 group-hover:opacity-100 transition-opacity rounded-l-12 bg-gradient-to-r from-gray-700 text-white" onClick={scrollPrev}>
+                <FaChevronLeft />
+            </button>
+            <button className="absolute inset-y-0 w-42 right-0 opacity-0 group-hover:opacity-100 transition-opacity rounded-r-12 bg-gradient-to-l from-gray-700 text-white" onClick={scrollNext}>
+                <FaChevronRight />
+            </button>
+        </div>
+
     )
 
 }
diff --git a/src/features/Projects/pages/ExplorePage/Header/CustomDot/CustomDot.tsx b/src/features/Projects/pages/ExplorePage/Header/CustomDot/CustomDot.tsx
index defc69b..8d3a5b8 100644
--- a/src/features/Projects/pages/ExplorePage/Header/CustomDot/CustomDot.tsx
+++ b/src/features/Projects/pages/ExplorePage/Header/CustomDot/CustomDot.tsx
@@ -1,8 +1,6 @@
 
-const CustomDot = ({ onClick, ...rest }: any) => {
-  const {
-    active,
-  } = rest;
+const CustomDot = ({ onClick, active, ...rest }: any) => {
+
   // onMove means if dragging or swiping in progress.
   // active is provided by this lib for checking if the item is active or not.
   return (
diff --git a/src/features/Projects/pages/ExplorePage/Header/Header.tsx b/src/features/Projects/pages/ExplorePage/Header/Header.tsx
index 686fc5b..3d02b76 100644
--- a/src/features/Projects/pages/ExplorePage/Header/Header.tsx
+++ b/src/features/Projects/pages/ExplorePage/Header/Header.tsx
@@ -1,11 +1,12 @@
 import { useMediaQuery } from "@react-hookz/web";
-import Carousel from "react-multi-carousel";
 import Assets from "src/assets";
 import Button from "src/Components/Button/Button";
 import THEME from "src/utils/theme";
 import { MEDIA_QUERIES } from "src/utils/theme/media_queries";
 import CustomDot from "./CustomDot/CustomDot";
 import styles from './styles.module.css'
+import useEmblaCarousel from 'embla-carousel-react'
+import { useCallback, useEffect, useState } from "react";
 
 const headerLinks = [
   {
@@ -45,46 +46,74 @@ const responsive = {
 export default function Header() {
 
   const isDesktop = useMediaQuery(MEDIA_QUERIES.isMedium);
+  const [emblaRef, emblaApi] = useEmblaCarousel({
+    align: 'start',
+    breakpoints: {
+      [MEDIA_QUERIES.isMedium]: {
+        draggable: false
+      }
+    }
+  })
+
+  const [selectedIndex, setSelectedIndex] = useState(0);
+  const [scrollSnaps, setScrollSnaps] = useState<number[]>([]);
+
+  const onSelect = useCallback(() => {
+    if (!emblaApi) return;
+    setSelectedIndex(emblaApi.selectedScrollSnap());
+  }, [emblaApi, setSelectedIndex]);
+
+  useEffect(() => {
+    if (!emblaApi) return;
+    onSelect();
+    setScrollSnaps(emblaApi.scrollSnapList());
+    emblaApi.on("select", onSelect);
+  }, [emblaApi, setScrollSnaps, onSelect]);
 
   return (
-    <Carousel
-      showDots={!isDesktop}
-      arrows={false}
-      responsive={responsive}
-      customDot={<CustomDot />}
-      className={styles.header}
-      containerClass='!overflow-hidden'
-    >
-      <div className=" rounded-20 md:mr-20 h-[280px] relative overflow-hidden p-24 flex flex-col items-start justify-end">
-        <img
-          className="w-full h-full object-cover absolute top-0 left-0 z-[-2]"
-          src={headerLinks[0].img}
-          alt=""
-        />
-        <div className="w-full h-full object-cover bg-gradient-to-t from-gray-900 absolute top-0 left-0 z-[-1]"></div>
-        <div className="max-w-[90%]">
-          {headerLinks[0].title}
-        </div>
+    <div className="relative group">
+      <div className="overflow-hidden" ref={emblaRef}>
+        <div className="w-full flex gap-16">
+          <div className="flex-[0_0_100%] md:flex-[0_0_calc(50%-8px)] rounded-20 h-[280px] relative overflow-hidden p-24 flex flex-col items-start justify-end">
+            <img
+              className="w-full h-full object-cover absolute top-0 left-0 z-[-2]"
+              src={headerLinks[0].img}
+              alt=""
+            />
+            <div className="w-full h-full object-cover bg-gradient-to-t from-gray-900 absolute top-0 left-0 z-[-1]"></div>
+            <div className="max-w-[90%]">
+              {headerLinks[0].title}
+            </div>
 
-        <Button href={headerLinks[0].link.url} newTab color="white" className="mt-24">
-          {headerLinks[0].link.content}
-        </Button>
-      </div>
-      <div className="rounded-20 md:ml-20 h-[280px] relative overflow-hidden p-24 flex flex-col items-start justify-end">
-        <img
-          className="w-full h-full object-cover absolute top-0 left-0 z-[-2]"
-          src={headerLinks[1].img}
-          alt=""
-        />
-        <div className="w-full h-full object-cover bg-gradient-to-t from-gray-900 absolute top-0 left-0 z-[-1]"></div>
-        <div className="max-w-[90%]">
-          {headerLinks[1].title}
+            <Button href={headerLinks[0].link.url} newTab color="white" className="mt-24">
+              {headerLinks[0].link.content}
+            </Button>
+          </div>
+          <div className="flex-[0_0_100%] md:flex-[0_0_calc(50%-8px)] rounded-20 h-[280px] relative overflow-hidden p-24 flex flex-col items-start justify-end">
+            <img
+              className="w-full h-full object-cover absolute top-0 left-0 z-[-2]"
+              src={headerLinks[1].img}
+              alt=""
+            />
+            <div className="w-full h-full object-cover bg-gradient-to-t from-gray-900 absolute top-0 left-0 z-[-1]"></div>
+            <div className="max-w-[90%]">
+              {headerLinks[1].title}
+            </div>
+            <Button color="white" href={headerLinks[1].link.url} newTab className="mt-24">
+              {headerLinks[1].link.content}
+            </Button>
+          </div>
         </div>
-        <Button color="white" href={headerLinks[1].link.url} newTab className="mt-24">
-          {headerLinks[1].link.content}
-        </Button>
       </div>
-    </Carousel>
+      <div className="absolute inset-x-0 bottom-8 flex justify-center gap-4 md:hidden">
+        {scrollSnaps.map((_, index) => (
+          <CustomDot
+            key={index}
+            active={index === selectedIndex}
+          />
+        ))}
+      </div>
+    </div>
 
   );
 }
diff --git a/src/features/Projects/pages/ExplorePage/ProjectsRow/ProjectsRow.tsx b/src/features/Projects/pages/ExplorePage/ProjectsRow/ProjectsRow.tsx
index 76ba7fd..dea83a8 100644
--- a/src/features/Projects/pages/ExplorePage/ProjectsRow/ProjectsRow.tsx
+++ b/src/features/Projects/pages/ExplorePage/ProjectsRow/ProjectsRow.tsx
@@ -1,14 +1,12 @@
-import { ReactNode, useCallback, useLayoutEffect, useEffect, useRef, } from "react";
+import { ReactNode, useCallback, } from "react";
 import { ProjectCard } from "src/utils/interfaces";
-import Carousel from 'react-multi-carousel';
 import { MdDoubleArrow, } from 'react-icons/md';
 import { useAppDispatch } from "src/utils/hooks";
 import { openModal } from "src/redux/features/modals.slice";
-import { useResizeListener } from 'src/utils/hooks'
-import { IoIosArrowBack, IoIosArrowForward } from "react-icons/io";
-import './style.css';
 import { Link } from "react-router-dom";
 import ProjectCardMini from "src/features/Projects/Components/ProjectCardMini/ProjectCardMini";
+import useEmblaCarousel from 'embla-carousel-react'
+import { FaChevronLeft, FaChevronRight } from "react-icons/fa";
 
 interface Props {
     title: string | ReactNode,
@@ -16,14 +14,6 @@ interface Props {
     projects: ProjectCard[]
 }
 
-const responsive = {
-    all: {
-        breakpoint: { max: 5000, min: 0 },
-        items: calcNumItems(),
-        slidesToSlide: Math.round(calcNumItems())
-    }
-}
-
 
 function calcNumItems(width = Math.min(window.innerWidth - 32, 1440)) {
     const items = ((width / (296 + 20)));
@@ -31,50 +21,25 @@ function calcNumItems(width = Math.min(window.innerWidth - 32, 1440)) {
 }
 
 
-
 export default function ProjectsRow({ title, link, projects }: Props) {
 
+    const [emblaRef, emblaApi] = useEmblaCarousel({ align: 'start' })
     const dispatch = useAppDispatch()
 
-    let drag = useRef(false);
-    const rowRef = useRef<HTMLDivElement>(null!);
 
-    const recalcItemsCnt = useCallback(
-        () => {
-            if (rowRef.current) {
-                const count = calcNumItems(rowRef.current.clientWidth);
-                responsive.all.items = count;
-                responsive.all.slidesToSlide = Math.round(count)
-            }
-        },
-        [],
-    );
-    useLayoutEffect(recalcItemsCnt, [recalcItemsCnt]);
-    useResizeListener(recalcItemsCnt)
 
-    useEffect(() => {
-
-        const mousedownListener = () => drag.current = false
-        const mousemoveListener = () => drag.current = true
-
-        document.addEventListener('mousedown', mousedownListener);
-        document.addEventListener('mousemove', mousemoveListener);
-
-        return () => {
-            document.removeEventListener('mousedown', mousedownListener);
-            document.removeEventListener('mousemove', mousemoveListener);
-        }
-    }, []);
 
+    const scrollSlides = useCallback((direction = 1) => {
+        if (emblaApi) emblaApi.scrollTo(emblaApi.selectedScrollSnap() + direction * Math.floor(calcNumItems()))
+    }, [emblaApi])
 
 
     if (projects.length === 0)
         return <></>
 
 
-
     const handleClick = (projectId: number) => {
-        if (!drag.current) {
+        if (emblaApi?.clickAllowed()) {
             dispatch(openModal({ Modal: "ProjectDetailsCard", props: { projectId } }))
         }
     }
@@ -89,35 +54,23 @@ export default function ProjectsRow({ title, link, projects }: Props) {
                     <MdDoubleArrow className='text-gray-200 ml-8 hover:cursor-pointer transform scale-y-110 scale-x-125 origin-left' />
                 </Link>}
             </h3>
-            <div ref={rowRef} className="">
-                <Carousel
-                    showDots={false}
-                    autoPlay={false}
-                    // arrows={false}
-                    responsive={responsive}
-                    // centerMode
-                    itemClass='pb-[1px]'
-                    containerClass='group'
-                    customLeftArrow={
-                        <button className='carousel-btns opacity-0 group-hover:opacity-100 transition-opacity  w-64 h-full absolute top-0 left-0 rounded-l-12 bg-gradient-to-r from-gray-700 text-white' >
-                            <IoIosArrowBack className='scale-150' />
-                        </button>
-                    }
-                    customRightArrow={
-                        <button className='carousel-btns opacity-0 group-hover:opacity-100 transition-opacity  w-64 h-full absolute top-0 right-0 rounded-r-12 bg-gradient-to-l from-gray-700 text-white' >
-                            <IoIosArrowForward className='scale-150' />
-                        </button>
-                    }
-                >
-                    {projects.map((project, idx) =>
-                        <div key={project.id} className='max-w-[296px]' >
-                            <ProjectCardMini project={project} onClick={handleClick} />
-                        </div>
-                    )}
-                </Carousel>
+            <div className="relative group">
+                <div className="overflow-hidden" ref={emblaRef}>
+                    <div className="w-full flex gap-16">
+                        {projects.map((project, idx) =>
+                            <div key={project.id} className='flex-[0_0_100%] max-w-[296px]' >
+                                <ProjectCardMini project={project} onClick={handleClick} />
+                            </div>
+                        )}
+                    </div>
+                </div>
+                <button className="absolute inset-y-0 w-64 left-0 opacity-0 group-hover:opacity-100 transition-opacity rounded-l-12 bg-gradient-to-r from-gray-700 text-white" onClick={() => scrollSlides(-1)}>
+                    <FaChevronLeft />
+                </button>
+                <button className="absolute inset-y-0 w-64 right-0 opacity-0 group-hover:opacity-100 transition-opacity rounded-r-12 bg-gradient-to-l from-gray-700 text-white" onClick={() => scrollSlides(1)}>
+                    <FaChevronRight />
+                </button>
             </div>
-
-
         </div>
     )
 }
diff --git a/src/features/Projects/pages/ExplorePage/ProjectsRow/style.css b/src/features/Projects/pages/ExplorePage/ProjectsRow/style.css
deleted file mode 100644
index 035fa15..0000000
--- a/src/features/Projects/pages/ExplorePage/ProjectsRow/style.css
+++ /dev/null
@@ -1,9 +0,0 @@
-@media (pointer: coarse) {
-  .carousel-btns {
-    display: none;
-  }
-
-  .react-multi-carousel-list {
-    overflow: visible;
-  }
-}
diff --git a/src/utils/Wrapper.tsx b/src/utils/Wrapper.tsx
index 37c4dbf..a4ba7bf 100644
--- a/src/utils/Wrapper.tsx
+++ b/src/utils/Wrapper.tsx
@@ -9,7 +9,6 @@ import { setIsMobileScreen } from 'src/redux/features/ui.slice';
 import { isMobileScreen } from './helperFunctions';
 import ReactTooltip from 'react-tooltip';
 
-import 'react-multi-carousel/lib/styles.css';
 import 'react-loading-skeleton/dist/skeleton.css'
 import THEME from './theme';
 import ErrorBoundary from 'src/Components/ErrorBoundary/ErrorBoundary';

From d09a05183c389a991cc583621377bd0f2eebcb15 Mon Sep 17 00:00:00 2001
From: MTG2000 <mtg0987654321@gmail.com>
Date: Sun, 7 Aug 2022 00:10:43 +0300
Subject: [PATCH 10/42] chore: removed imports

---
 .../Projects/pages/ExplorePage/Header/Header.tsx  | 15 +--------------
 1 file changed, 1 insertion(+), 14 deletions(-)

diff --git a/src/features/Projects/pages/ExplorePage/Header/Header.tsx b/src/features/Projects/pages/ExplorePage/Header/Header.tsx
index 3d02b76..6228989 100644
--- a/src/features/Projects/pages/ExplorePage/Header/Header.tsx
+++ b/src/features/Projects/pages/ExplorePage/Header/Header.tsx
@@ -1,10 +1,8 @@
-import { useMediaQuery } from "@react-hookz/web";
+
 import Assets from "src/assets";
 import Button from "src/Components/Button/Button";
-import THEME from "src/utils/theme";
 import { MEDIA_QUERIES } from "src/utils/theme/media_queries";
 import CustomDot from "./CustomDot/CustomDot";
-import styles from './styles.module.css'
 import useEmblaCarousel from 'embla-carousel-react'
 import { useCallback, useEffect, useState } from "react";
 
@@ -31,21 +29,10 @@ const headerLinks = [
   },
 ];
 
-const responsive = {
-  desktop: {
-    breakpoint: { max: 5000, min: THEME.screens.md },
-    items: 2
-  },
-  mobile: {
-    breakpoint: { max: 768, min: 0 },
-    items: 1
-  }
-}
 
 
 export default function Header() {
 
-  const isDesktop = useMediaQuery(MEDIA_QUERIES.isMedium);
   const [emblaRef, emblaApi] = useEmblaCarousel({
     align: 'start',
     breakpoints: {

From 28410541ed0a7224c292085c29619fa738ad73da Mon Sep 17 00:00:00 2001
From: MTG2000 <mtg0987654321@gmail.com>
Date: Sun, 7 Aug 2022 16:19:26 +0300
Subject: [PATCH 11/42] refactor: extract common carousel logic to custom
 useCarousel hook, hide carousel arrows if can't scroll more

---
 src/Components/Modals/Modal/Modal.tsx         |  2 +-
 .../ExplorePage/Categories/Categories.tsx     | 20 +++-----
 .../ExplorePage/ProjectsRow/ProjectsRow.tsx   | 47 +++++++++++++------
 src/utils/hooks/index.ts                      |  1 +
 src/utils/hooks/useCarousel.ts                | 43 +++++++++++++++++
 5 files changed, 84 insertions(+), 29 deletions(-)
 create mode 100644 src/utils/hooks/useCarousel.ts

diff --git a/src/Components/Modals/Modal/Modal.tsx b/src/Components/Modals/Modal/Modal.tsx
index bb8b994..66fe3d3 100644
--- a/src/Components/Modals/Modal/Modal.tsx
+++ b/src/Components/Modals/Modal/Modal.tsx
@@ -22,7 +22,7 @@ export default function Modal({ onClose, children, ...props }: Props) {
     return <ReactModal
         isOpen={props.isOpen}
         onRequestClose={onClose}
-        overlayClassName='fixed w-full inset-0 overflow-x-hidden z-[2020]'
+        overlayClassName='fixed w-full inset-0 overflow-x-hidden z-[2020] no-scrollbar'
         className=' '
         closeTimeoutMS={1000}
         onAfterClose={() => dispatch(removeClosedModal(props.id))}
diff --git a/src/features/Projects/pages/ExplorePage/Categories/Categories.tsx b/src/features/Projects/pages/ExplorePage/Categories/Categories.tsx
index 4034919..f478999 100644
--- a/src/features/Projects/pages/ExplorePage/Categories/Categories.tsx
+++ b/src/features/Projects/pages/ExplorePage/Categories/Categories.tsx
@@ -1,9 +1,8 @@
 
-import useEmblaCarousel from 'embla-carousel-react'
 import { useNavigate } from 'react-router-dom';
 import { useAllCategoriesQuery } from 'src/graphql';
 import { FaChevronLeft, FaChevronRight } from 'react-icons/fa';
-import { useCallback } from 'react';
+import { useCarousel } from 'src/utils/hooks';
 
 const colors = [
     '#FDF2F8',
@@ -20,17 +19,10 @@ const colors = [
 
 export default function Categories() {
 
-    const [emblaRef, emblaApi] = useEmblaCarousel({ align: 'start', slidesToScroll: 2 })
+    const { viewportRef, scrollSlides, canScrollNext, canScrollPrev, isClickAllowed } = useCarousel({ align: 'start', slidesToScroll: 2 })
     const { data, loading } = useAllCategoriesQuery();
     const navigate = useNavigate();
 
-    const scrollPrev = useCallback(() => {
-        if (emblaApi) emblaApi.scrollPrev()
-    }, [emblaApi])
-
-    const scrollNext = useCallback(() => {
-        if (emblaApi) emblaApi.scrollNext()
-    }, [emblaApi])
 
     if (loading || !data)
         return <div className="flex gap-12">
@@ -48,22 +40,22 @@ export default function Categories() {
     return (
 
         <div className="relative group">
-            <div className="overflow-hidden" ref={emblaRef}>
+            <div className="overflow-hidden" ref={viewportRef}>
                 <div className="select-none w-full flex gap-16">
                     {data?.allCategories.map((category, idx) =>
                         <button
                             key={category.id}
-                            onClick={() => emblaApi?.clickAllowed() && navigate(`/apps/category/${category.id}`)}
+                            onClick={() => isClickAllowed() && navigate(`/apps/category/${category.id}`)}
                             className='min-w-max block p-16 rounded-16 hover:bg-gray-100 active:bg-gray-200 active:scale-90 transition-transform'
                             style={{ backgroundColor: colors[idx % colors.length] }}
                         >{category.icon} {category.title}</button>
                     )}
                 </div>
             </div>
-            <button className="absolute inset-y-0 w-42 left-0 opacity-0 group-hover:opacity-100 transition-opacity rounded-l-12 bg-gradient-to-r from-gray-700 text-white" onClick={scrollPrev}>
+            <button className={`absolute inset-y-0 w-42 left-0 opacity-0 ${canScrollPrev && 'group-hover:opacity-100'} transition-opacity rounded-l-12 bg-gradient-to-r from-gray-700 text-white`} onClick={() => scrollSlides(-1)}>
                 <FaChevronLeft />
             </button>
-            <button className="absolute inset-y-0 w-42 right-0 opacity-0 group-hover:opacity-100 transition-opacity rounded-r-12 bg-gradient-to-l from-gray-700 text-white" onClick={scrollNext}>
+            <button className={`absolute inset-y-0 w-42 right-0 opacity-0 ${canScrollNext && 'group-hover:opacity-100'} transition-opacity rounded-r-12 bg-gradient-to-l from-gray-700 text-white`} onClick={() => scrollSlides(1)}>
                 <FaChevronRight />
             </button>
         </div>
diff --git a/src/features/Projects/pages/ExplorePage/ProjectsRow/ProjectsRow.tsx b/src/features/Projects/pages/ExplorePage/ProjectsRow/ProjectsRow.tsx
index dea83a8..fb8937b 100644
--- a/src/features/Projects/pages/ExplorePage/ProjectsRow/ProjectsRow.tsx
+++ b/src/features/Projects/pages/ExplorePage/ProjectsRow/ProjectsRow.tsx
@@ -1,11 +1,10 @@
-import { ReactNode, useCallback, } from "react";
+import { ReactNode, useCallback, useEffect, useRef, useState, } from "react";
 import { ProjectCard } from "src/utils/interfaces";
 import { MdDoubleArrow, } from 'react-icons/md';
-import { useAppDispatch } from "src/utils/hooks";
+import { useAppDispatch, useCarousel, useResizeListener } from "src/utils/hooks";
 import { openModal } from "src/redux/features/modals.slice";
 import { Link } from "react-router-dom";
 import ProjectCardMini from "src/features/Projects/Components/ProjectCardMini/ProjectCardMini";
-import useEmblaCarousel from 'embla-carousel-react'
 import { FaChevronLeft, FaChevronRight } from "react-icons/fa";
 
 interface Props {
@@ -21,25 +20,33 @@ function calcNumItems(width = Math.min(window.innerWidth - 32, 1440)) {
 }
 
 
+
+
 export default function ProjectsRow({ title, link, projects }: Props) {
 
-    const [emblaRef, emblaApi] = useEmblaCarousel({ align: 'start' })
+    const [slidesToScroll, setSlidesToScroll] = useState(1)
+    const rowRef = useRef<HTMLDivElement>(null)
+    const { viewportRef, scrollSlides, canScrollNext, canScrollPrev, isClickAllowed } = useCarousel({ align: 'start', slidesToScroll })
     const dispatch = useAppDispatch()
 
 
+    const recalcSlidesToScroll = useCallback(() => {
+        if (rowRef.current)
+            setSlidesToScroll(Math.floor(calcNumItems(rowRef.current.clientWidth)))
+    }, [])
 
-
-    const scrollSlides = useCallback((direction = 1) => {
-        if (emblaApi) emblaApi.scrollTo(emblaApi.selectedScrollSnap() + direction * Math.floor(calcNumItems()))
-    }, [emblaApi])
+    useEffect(recalcSlidesToScroll, [recalcSlidesToScroll])
+    useResizeListener(recalcSlidesToScroll);
 
 
     if (projects.length === 0)
         return <></>
 
 
+
+
     const handleClick = (projectId: number) => {
-        if (emblaApi?.clickAllowed()) {
+        if (isClickAllowed()) {
             dispatch(openModal({ Modal: "ProjectDetailsCard", props: { projectId } }))
         }
     }
@@ -54,8 +61,8 @@ export default function ProjectsRow({ title, link, projects }: Props) {
                     <MdDoubleArrow className='text-gray-200 ml-8 hover:cursor-pointer transform scale-y-110 scale-x-125 origin-left' />
                 </Link>}
             </h3>
-            <div className="relative group">
-                <div className="overflow-hidden" ref={emblaRef}>
+            <div className="relative group" ref={rowRef}>
+                <div className="overflow-hidden" ref={viewportRef}>
                     <div className="w-full flex gap-16">
                         {projects.map((project, idx) =>
                             <div key={project.id} className='flex-[0_0_100%] max-w-[296px]' >
@@ -64,13 +71,25 @@ export default function ProjectsRow({ title, link, projects }: Props) {
                         )}
                     </div>
                 </div>
-                <button className="absolute inset-y-0 w-64 left-0 opacity-0 group-hover:opacity-100 transition-opacity rounded-l-12 bg-gradient-to-r from-gray-700 text-white" onClick={() => scrollSlides(-1)}>
+                <button
+                    className={`absolute inset-y-0 w-64 left-0 opacity-0  transition-opacity 
+                                rounded-l-12 bg-gradient-to-r from-gray-700 text-white
+                                ${canScrollPrev ? "group-hover:opacity-100" : ""}
+                                `}
+                    onClick={() => scrollSlides(-1)}
+                >
                     <FaChevronLeft />
                 </button>
-                <button className="absolute inset-y-0 w-64 right-0 opacity-0 group-hover:opacity-100 transition-opacity rounded-r-12 bg-gradient-to-l from-gray-700 text-white" onClick={() => scrollSlides(1)}>
+                <button
+                    className={`absolute inset-y-0 w-64 right-0 opacity-0  transition-opacity 
+                                rounded-r-12 bg-gradient-to-l from-gray-700 text-white
+                                ${canScrollNext ? "group-hover:opacity-100" : ""}
+                                `}
+                    onClick={() => scrollSlides(1)}
+                >
                     <FaChevronRight />
                 </button>
             </div>
-        </div>
+        </div >
     )
 }
diff --git a/src/utils/hooks/index.ts b/src/utils/hooks/index.ts
index af04c8d..c1cb8dd 100644
--- a/src/utils/hooks/index.ts
+++ b/src/utils/hooks/index.ts
@@ -10,3 +10,4 @@ export * from './useWindowSize'
 export * from './useMediaQuery'
 export * from './useCurrentSection'
 export * from './usePreload'
+export * from './useCarousel'
diff --git a/src/utils/hooks/useCarousel.ts b/src/utils/hooks/useCarousel.ts
new file mode 100644
index 0000000..5961826
--- /dev/null
+++ b/src/utils/hooks/useCarousel.ts
@@ -0,0 +1,43 @@
+import { useCallback, useEffect, useState, } from "react";
+import useEmblaCarousel from 'embla-carousel-react'
+
+export const useCarousel = (...props: Parameters<typeof useEmblaCarousel>) => {
+
+    const [viewportRef, emblaApi] = useEmblaCarousel({ ...props[0], slidesToScroll: 1 });
+    const [canScrollNext, setCanScrollNext] = useState(false);
+    const [canScrollPrev, setCanScrollPrev] = useState(false);
+
+
+    const onSelect = useCallback(() => {
+        if (!emblaApi) return;
+
+        setCanScrollNext(emblaApi.canScrollNext())
+        setCanScrollPrev(emblaApi.canScrollPrev())
+
+    }, [emblaApi,]);
+
+    useEffect(() => {
+        if (!emblaApi) return;
+        onSelect();
+        emblaApi.on("select", onSelect);
+    }, [emblaApi, onSelect]);
+
+
+    const slidesToScroll = Number(props[0]?.slidesToScroll ?? 1);
+
+    const scrollSlides = useCallback((direction = 1) => {
+        if (emblaApi) emblaApi.scrollTo(emblaApi.selectedScrollSnap() + direction * slidesToScroll)
+    }, [emblaApi, slidesToScroll]);
+
+    const isClickAllowed = useCallback(() => !!emblaApi?.clickAllowed(), [emblaApi]);
+
+    return {
+        viewportRef,
+        canScrollNext,
+        canScrollPrev,
+        isClickAllowed,
+        scrollSlides,
+        emblaApi,
+    }
+
+}
\ No newline at end of file

From 6718d6fc7bda35c089f41fa0ec49eff2241de5e6 Mon Sep 17 00:00:00 2001
From: MTG2000 <mtg0987654321@gmail.com>
Date: Sun, 7 Aug 2022 18:17:56 +0300
Subject: [PATCH 12/42] chore: update seed script

---
 api/auth/services/lnurlAuth.service.js        |   4 +-
 prisma/seed/data.js                           | 240 +++++++++++++-----
 prisma/seed/helpers.js                        |  51 ++++
 prisma/seed/index.js                          | 122 ++++++---
 .../ProjectsSection/ProjectsSection.tsx       |   7 +-
 src/utils/storybook/decorators.tsx            |   1 -
 6 files changed, 320 insertions(+), 105 deletions(-)
 create mode 100644 prisma/seed/helpers.js

diff --git a/api/auth/services/lnurlAuth.service.js b/api/auth/services/lnurlAuth.service.js
index b6bda5a..c8f3ee0 100644
--- a/api/auth/services/lnurlAuth.service.js
+++ b/api/auth/services/lnurlAuth.service.js
@@ -56,8 +56,10 @@ function removeExpiredHashes() {
     })
 }
 
+
+
 async function generateAuthUrl() {
-    const hostname = 'https://auth.bolt.fun/.netlify/functions/login';
+    const hostname = CONSTS.LNURL_AUTH_HOST ?? 'https://auth.bolt.fun/.netlify/functions/login';
     const secret = await generateK1();
     const hash = createHash(secret);
     await addHash(hash)
diff --git a/prisma/seed/data.js b/prisma/seed/data.js
index 40d1fe0..4f22d06 100644
--- a/prisma/seed/data.js
+++ b/prisma/seed/data.js
@@ -1,3 +1,4 @@
+const { randomItem, randomItems, random, getCoverImage } = require("./helpers")
 
 const categories = [
     {
@@ -46,6 +47,68 @@ const categories = [
     }
 ]
 
+const tags = [
+    {
+        id: 1,
+        title: 'Bitcoin',
+        description: 'Lorem ipsum dolor sit amort consectetur, adipisicing elit. Possimus officia sit numquam nobis iure atque ab sunt nihil voluptatibus',
+        icon: "🅱",
+        isOfficial: true,
+    },
+    {
+        id: 2,
+        title: 'Lightning',
+        description: 'Lorem ipsum dolor sit amort consectetur, adipisicing elit. Possimus officia sit numquam nobis iure atque ab sunt nihil voluptatibus',
+        icon: "⚡",
+        isOfficial: true,
+    },
+    {
+        id: 3,
+        title: 'Webln',
+        description: 'Lorem ipsum dolor sit amort consectetur, adipisicing elit. Possimus officia sit numquam nobis iure atque ab sunt nihil voluptatibus',
+        icon: "🔗",
+        isOfficial: true,
+    },
+    {
+        id: 4,
+        title: 'Gaming',
+        description: 'Lorem ipsum dolor sit amort consectetur, adipisicing elit. Possimus officia sit numquam nobis iure atque ab sunt nihil voluptatibus',
+        icon: "🎮",
+        isOfficial: true,
+    },
+    {
+
+        id: 5,
+        title: 'Design',
+        description: 'Lorem ipsum dolor sit amort consectetur, adipisicing elit. Possimus officia sit numquam nobis iure atque ab sunt nihil voluptatibus',
+        icon: '🎨',
+        isOfficial: true,
+    },
+    {
+
+        id: 6,
+        title: 'Launch',
+        description: 'Lorem ipsum dolor sit amort consectetur, adipisicing elit. Possimus officia sit numquam nobis iure atque ab sunt nihil voluptatibus',
+        icon: '🚀',
+        isOfficial: true,
+    },
+    {
+
+        id: 7,
+        title: 'Brainstory',
+        description: 'Lorem ipsum dolor sit amort consectetur, adipisicing elit. Possimus officia sit numquam nobis iure atque ab sunt nihil voluptatibus',
+        icon: '🧠',
+        isOfficial: true,
+    },
+    {
+
+        id: 8,
+        title: 'Development',
+        description: 'Lorem ipsum dolor sit amort consectetur, adipisicing elit. Possimus officia sit numquam nobis iure atque ab sunt nihil voluptatibus',
+        icon: '💻',
+        isOfficial: true,
+    }
+]
 
 const projects = [
     {
@@ -56,9 +119,8 @@ const projects = [
         "website": "https://geyser.fund/",
         "lightning_address": "divineorgan67@walletofsatoshi.com",
         "votes_count": 232,
-        "category": {
-            "id": 1
-        }
+        "category_id": randomItem(categories).id,
+        tags: randomItems(random(2, 3), tags)
     },
     {
         "id": 16,
@@ -68,9 +130,8 @@ const projects = [
         "website": "https://getalby.com/",
         "lightning_address": "hello@getalby.com",
         "votes_count": 215,
-        "category": {
-            "id": 9
-        }
+        "category_id": randomItem(categories).id,
+        tags: randomItems(random(2, 3), tags)
     },
     {
         "id": 20,
@@ -80,9 +141,8 @@ const projects = [
         "website": "https://lightning.video/",
         "lightning_address": "moritz@getalby.com",
         "votes_count": 175,
-        "category": {
-            "id": 7
-        }
+        "category_id": randomItem(categories).id,
+        tags: randomItems(random(2, 3), tags)
     },
     {
         "id": 1,
@@ -92,9 +152,8 @@ const projects = [
         "website": "https://kollider.xyz/",
         "lightning_address": "johns@getalby.com",
         "votes_count": 120,
-        "category": {
-            "id": 1
-        }
+        "category_id": randomItem(categories).id,
+        tags: randomItems(random(2, 3), tags)
     },
     {
         "id": 12,
@@ -104,9 +163,8 @@ const projects = [
         "website": "https://www.bitrefill.com/buy",
         "lightning_address": "moritz@getalby.com",
         "votes_count": 25,
-        "category": {
-            "id": 8
-        }
+        "category_id": randomItem(categories).id,
+        tags: randomItems(random(2, 3), tags)
     },
     {
         "id": 7,
@@ -116,9 +174,8 @@ const projects = [
         "website": "https://www.wavlake.com/",
         "lightning_address": "moritz@getalby.com",
         "votes_count": 25,
-        "category": {
-            "id": 7
-        }
+        "category_id": randomItem(categories).id,
+        tags: randomItems(random(2, 3), tags)
     },
     {
         "id": 3,
@@ -128,9 +185,8 @@ const projects = [
         "website": "https://sparkshot.io/",
         "lightning_address": "johns@getalby.com",
         "votes_count": 11,
-        "category": {
-            "id": 3
-        }
+        "category_id": randomItem(categories).id,
+        tags: randomItems(random(2, 3), tags)
     },
     {
         "id": 17,
@@ -140,9 +196,8 @@ const projects = [
         "website": "https://lightning.gifts/",
         "lightning_address": "moritz@getalby.com",
         "votes_count": 10,
-        "category": {
-            "id": 8
-        }
+        "category_id": randomItem(categories).id,
+        tags: randomItems(random(2, 3), tags)
     },
     {
         "id": 4,
@@ -152,9 +207,8 @@ const projects = [
         "website": "https://amboss.space/",
         "lightning_address": "moritz@getalby.com",
         "votes_count": 0,
-        "category": {
-            "id": 6
-        }
+        "category_id": randomItem(categories).id,
+        tags: randomItems(random(2, 3), tags)
     },
     {
         "id": 5,
@@ -164,9 +218,8 @@ const projects = [
         "website": "https://www.lnblackjack.com/",
         "lightning_address": "moritz@getalby.com",
         "votes_count": 0,
-        "category": {
-            "id": 4
-        }
+        "category_id": randomItem(categories).id,
+        tags: randomItems(random(2, 3), tags)
     },
     {
         "id": 19,
@@ -176,9 +229,8 @@ const projects = [
         "website": "https://yalls.org/",
         "lightning_address": "moritz@getalby.com",
         "votes_count": 0,
-        "category": {
-            "id": 2
-        }
+        "category_id": randomItem(categories).id,
+        tags: randomItems(random(2, 3), tags)
     },
     {
         "id": 13,
@@ -188,9 +240,8 @@ const projects = [
         "website": "https://lightningnetworkstores.com/",
         "lightning_address": "moritz@getalby.com",
         "votes_count": 0,
-        "category": {
-            "id": 8
-        }
+        "category_id": randomItem(categories).id,
+        tags: randomItems(random(2, 3), tags)
     },
     {
         "id": 9,
@@ -200,9 +251,8 @@ const projects = [
         "website": "https://lightning-poker.com/",
         "lightning_address": "moritz@getalby.com",
         "votes_count": 0,
-        "category": {
-            "id": 4
-        }
+        "category_id": randomItem(categories).id,
+        tags: randomItems(random(2, 3), tags)
     },
     {
         "id": 6,
@@ -212,9 +262,8 @@ const projects = [
         "website": "https://lngames.net/",
         "lightning_address": "moritz@getalby.com",
         "votes_count": 0,
-        "category": {
-            "id": 4
-        }
+        "category_id": randomItem(categories).id,
+        tags: randomItems(random(2, 3), tags)
     },
     {
         "id": 21,
@@ -224,9 +273,8 @@ const projects = [
         "website": "https://www.starbackr.com/",
         "lightning_address": "moritz@geralby.com",
         "votes_count": 0,
-        "category": {
-            "id": 7
-        }
+        "category_id": randomItem(categories).id,
+        tags: randomItems(random(2, 3), tags)
     },
     {
         "id": 8,
@@ -236,9 +284,8 @@ const projects = [
         "website": "https://loft.trade/",
         "lightning_address": "moritz@getalby.com",
         "votes_count": 0,
-        "category": {
-            "id": 1
-        }
+        "category_id": randomItem(categories).id,
+        tags: randomItems(random(2, 3), tags)
     },
     {
         "id": 10,
@@ -248,9 +295,8 @@ const projects = [
         "website": "https://lightning-roulette.com/",
         "lightning_address": "moritz@getalby.com",
         "votes_count": 0,
-        "category": {
-            "id": 4
-        }
+        "category_id": randomItem(categories).id,
+        tags: randomItems(random(2, 3), tags)
     },
     {
         "id": 14,
@@ -260,9 +306,8 @@ const projects = [
         "website": "https://kriptode.com/satsforlikes/index.html",
         "lightning_address": "moritz@getalby.com",
         "votes_count": 0,
-        "category": {
-            "id": 9
-        }
+        "category_id": randomItem(categories).id,
+        tags: randomItems(random(2, 3), tags)
     },
     {
         "id": 18,
@@ -272,9 +317,8 @@ const projects = [
         "website": "https://scarce.city/",
         "lightning_address": "moritz@getalby.com",
         "votes_count": 0,
-        "category": {
-            "id": 3
-        }
+        "category_id": randomItem(categories).id,
+        tags: randomItems(random(2, 3), tags)
     },
     {
         "id": 15,
@@ -284,9 +328,8 @@ const projects = [
         "website": "https://lnshort.it/",
         "lightning_address": "moritz@getalby.com",
         "votes_count": 0,
-        "category": {
-            "id": 9
-        }
+        "category_id": randomItem(categories).id,
+        tags: randomItems(random(2, 3), tags)
     },
     {
         "id": 11,
@@ -296,9 +339,8 @@ const projects = [
         "website": "https://stacker.news/",
         "lightning_address": "moritz@getalby.com",
         "votes_count": 0,
-        "category": {
-            "id": 7
-        }
+        "category_id": randomItem(categories).id,
+        tags: randomItems(random(2, 3), tags)
     },
     {
         "id": 2,
@@ -308,14 +350,78 @@ const projects = [
         "website": "https://lnmarkets.com/",
         "lightning_address": "johns@getalby.com",
         "votes_count": 0,
-        "category": {
-            "id": 1
-        }
+        "category_id": randomItem(categories).id,
+        tags: randomItems(random(2, 3), tags)
     }
 ]
 
+const hackathons = [
+    {
+        title: 'Fulmo Hackday',
+        start_date: new Date(2022, 2, 22),
+        end_date: new Date(2022, 2, 28),
+        location: "Instanbul, Turkey",
+        cover_image: getCoverImage(),
+        description: "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam quam felis ut interdum commodo, scelerisque.",
+        tags: randomItems(3, tags),
+        website: "https://bolt.fun/hackathons/shock-the-web"
+    },
+    {
+        title: 'Lightning Leagues',
+        start_date: new Date(2022, 2, 22),
+        end_date: new Date(2022, 2, 28),
+        location: "Instanbul, Turkey",
+        cover_image: getCoverImage(),
+        description: "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam quam felis ut interdum commodo, scelerisque.",
+        tags: randomItems(3, tags),
+        website: "https://bolt.fun/hackathons/shock-the-web"
+    },
+    {
+        title: 'Surfing on Lightning',
+        start_date: new Date(2022, 2, 22),
+        end_date: new Date(2022, 2, 28),
+        location: "Instanbul, Turkey",
+        cover_image: getCoverImage(),
+        description: "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam quam felis ut interdum commodo, scelerisque.",
+        tags: randomItems(3, tags),
+        website: "https://bolt.fun/hackathons/shock-the-web"
+    },
+    {
+        title: 'Lightning Startups',
+        start_date: new Date(2022, 2, 22),
+        end_date: new Date(2022, 2, 28),
+        location: "Instanbul, Turkey",
+        cover_image: getCoverImage(),
+        description: "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam quam felis ut interdum commodo, scelerisque.",
+        tags: randomItems(3, tags),
+        website: "https://bolt.fun/hackathons/shock-the-web"
+    },
+    {
+        title: 'Design-a-thon',
+        start_date: new Date(2022, 2, 22),
+        end_date: new Date(2022, 2, 28),
+        location: "Instanbul, Turkey",
+        cover_image: getCoverImage(),
+        description: "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam quam felis ut interdum commodo, scelerisque.",
+        tags: randomItems(3, tags),
+        website: "https://bolt.fun/hackathons/shock-the-web"
+    },
+    {
+        title: 'Lightning Olympics',
+        start_date: new Date(2022, 2, 22),
+        end_date: new Date(2022, 2, 28),
+        location: "Instanbul, Turkey",
+        cover_image: getCoverImage(),
+        description: "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam quam felis ut interdum commodo, scelerisque.",
+        tags: randomItems(3, tags),
+        website: "https://bolt.fun/hackathons/shock-the-web"
+    },
+]
+
 
 module.exports = {
     categories,
-    projects
+    projects,
+    tags,
+    hackathons,
 }
\ No newline at end of file
diff --git a/prisma/seed/helpers.js b/prisma/seed/helpers.js
new file mode 100644
index 0000000..8c83c3b
--- /dev/null
+++ b/prisma/seed/helpers.js
@@ -0,0 +1,51 @@
+function random(min, max) {
+    return Math.random() * (max - min) + min;
+}
+
+function randomItem(args) {
+    return args[Math.floor(Math.random() * args.length)];
+}
+
+function randomItems(cnt, args) {
+    return shuffle(args).slice(0, Math.floor(cnt));
+}
+
+function shuffle(_array) {
+    let array = [..._array]
+    let currentIndex = array.length, randomIndex;
+
+    // While there remain elements to shuffle.
+    while (currentIndex !== 0) {
+
+        // Pick a remaining element.
+        randomIndex = Math.floor(Math.random() * currentIndex);
+        currentIndex--;
+
+        // And swap it with the current element.
+        [array[currentIndex], array[randomIndex]] = [
+            array[randomIndex], array[currentIndex]];
+    }
+
+    return array;
+}
+
+
+let coverImgsCntr = -1;
+
+function getCoverImage() {
+    const coverImgs = [
+        'https://picsum.photos/id/10/1600/900',
+        'https://picsum.photos/id/1000/1600/900',
+        'https://picsum.photos/id/1002/1600/900',
+        'https://picsum.photos/id/1018/1600/900',
+    ]
+
+    return coverImgs[(++coverImgsCntr) % coverImgs.length]
+}
+
+module.exports = {
+    random,
+    randomItem,
+    randomItems,
+    getCoverImage,
+}
\ No newline at end of file
diff --git a/prisma/seed/index.js b/prisma/seed/index.js
index 894d82e..6ee6d59 100644
--- a/prisma/seed/index.js
+++ b/prisma/seed/index.js
@@ -1,6 +1,10 @@
 const { PrismaClient } = require("@prisma/client");
 const { generatePrivateKey, getPublicKey } = require("../../api/utils/nostr-tools");
-const { categories, projects } = require("./data");
+const { categories, projects, tags, hackathons } = require("./data");
+const Chance = require('chance');
+const { getCoverImage, randomItems, random } = require("./helpers");
+
+const chance = new Chance();
 
 
 const prisma = new PrismaClient()
@@ -41,9 +45,22 @@ async function generateNostrKeys() {
 
 
 async function main() {
-    console.log("Purging old data");
-    await purge()
+    // console.log("Purging old data");
+    // await purge()
 
+    // await createCategories();
+
+    // await createTags();
+
+    // await createProjects();
+
+    // await createStories();
+
+    // await createHackathons();
+
+}
+
+async function createCategories() {
     console.log("Creating Categories");
     await prisma.category.createMany({
         data: categories.map(item => ({
@@ -53,50 +70,89 @@ async function main() {
             icon: '🎭'
         }))
     })
+}
 
+async function createTags() {
+    console.log("Creating Tags");
+    await prisma.tag.createMany({
+        data: tags.map(item => ({
+            id: item.id,
+            title: item.title,
+            description: item.description,
+            isOfficial: item.isOfficial,
+            icon: item.icon,
+        }))
+    })
+}
 
+async function createProjects() {
     console.log("Creating Projects");
-    projects.forEach(async item => {
-        const { category, ...feilds } = item
+
+    for (let i = 0; i < projects.length; i++) {
+        const item = projects[i];
+        const { tags, ...feilds } = item
         await prisma.project.create({
             data: {
                 ...feilds,
                 tags: {
-                    connectOrCreate: [
-                        {
-                            where: {
-                                title: 'Tag 1'
-                            },
-                            create: {
-                                title: "Tag 1"
-                            }
-                        },
-                        {
-                            where: {
-                                title: 'Tag 2'
-                            },
-                            create: {
-                                title: "Tag 2"
-                            }
-                        },
-                        {
-                            where: {
-                                title: 'Tag 3'
-                            },
-                            create: {
-                                title: "Tag 3"
-                            }
-                        },]
+                    connect: tags.map(t => ({
+                        id: t.id
+                    }))
                 },
-                category_id: category.id,
                 description: "Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged.",
                 screenshots: Array(4).fill('https://via.placeholder.com/1280x729.png?text=Project+Screenshot')
             }
         })
-    })
-
+    }
 }
 
+async function createStories() {
+    console.log("Creating Stories");
+
+    const user = await prisma.user.findFirst();
+
+    for (let i = 0; i < 15; i++) {
+        const randomTags = randomItems(random(2, 5), tags)
+        await prisma.story.create({
+            data: {
+                body: chance.paragraph(),
+                excerpt: chance.paragraph({ sentences: 1 }),
+                title: chance.sentence({ words: chance.integer({ min: 3, max: 7 }) }),
+                cover_image: getCoverImage(),
+                is_published: true,
+                tags: {
+                    connect: randomTags.map(t => ({ id: t.id }))
+                },
+                user_id: user.id,
+                votes_count: Math.floor(random(10, 6600)),
+            }
+        })
+    }
+}
+
+async function createHackathons() {
+    console.log("Creating Hackathons");
+
+    for (let i = 0; i < hackathons.length; i++) {
+        const item = hackathons[i];
+        const { tags, ...feilds } = item
+        await prisma.hackathon.create({
+            data: {
+                ...feilds,
+                tags: {
+                    connect: tags.map(t => ({
+                        id: t.id
+                    }))
+                },
+                description: "Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged.",
+            }
+        })
+    }
+}
+
+
+
+
 main()
     .catch((e) => {
         console.error(e)
diff --git a/src/features/Projects/pages/ExplorePage/ProjectsSection/ProjectsSection.tsx b/src/features/Projects/pages/ExplorePage/ProjectsSection/ProjectsSection.tsx
index fbefc41..0b5bac8 100644
--- a/src/features/Projects/pages/ExplorePage/ProjectsSection/ProjectsSection.tsx
+++ b/src/features/Projects/pages/ExplorePage/ProjectsSection/ProjectsSection.tsx
@@ -26,9 +26,10 @@ export default function ProjectsSection() {
             <ProjectsRow title="Recently added"
                 projects={data.newProjects} />
 
-            <ProjectsRow title={shockTheWebCategory?.title}
-                link={`/apps/category/${shockTheWebCategory?.id}`}
-                projects={shockTheWebCategory?.project!} />
+            {shockTheWebCategory &&
+                <ProjectsRow title={shockTheWebCategory.title}
+                    link={`/apps/category/${shockTheWebCategory.id}`}
+                    projects={shockTheWebCategory.project!} />}
             {restCategories.map(({ id, title, project, }) => {
                 if (project)
                     return <ProjectsRow
diff --git a/src/utils/storybook/decorators.tsx b/src/utils/storybook/decorators.tsx
index 7533f8b..4170b69 100644
--- a/src/utils/storybook/decorators.tsx
+++ b/src/utils/storybook/decorators.tsx
@@ -13,7 +13,6 @@ import THEME from '../theme';
 // Add the global stuff first (index.ts)
 // -------------------------------------------
 import "src/styles/index.scss";
-import "react-multi-carousel/lib/styles.css";
 import 'react-loading-skeleton/dist/skeleton.css'
 import { ApolloProvider } from '@apollo/client';
 import { apolloClient } from '../apollo';

From 8760e6d9b6b7e22b10d7a9eb7a1225fbb55abd5d Mon Sep 17 00:00:00 2001
From: MTG2000 <mtg0987654321@gmail.com>
Date: Sun, 7 Aug 2022 18:26:46 +0300
Subject: [PATCH 13/42] debug: adding logs

---
 api/auth/services/lnurlAuth.service.js | 1 +
 1 file changed, 1 insertion(+)

diff --git a/api/auth/services/lnurlAuth.service.js b/api/auth/services/lnurlAuth.service.js
index c8f3ee0..ea13b33 100644
--- a/api/auth/services/lnurlAuth.service.js
+++ b/api/auth/services/lnurlAuth.service.js
@@ -64,6 +64,7 @@ async function generateAuthUrl() {
     const hash = createHash(secret);
     await addHash(hash)
     const url = `${hostname}?tag=login&k1=${secret}`
+    console.log(url);
     return {
         url,
         encoded: lnurl.encode(url).toUpperCase(),

From f833644da6df1d34bebc9934e8832365a77fd8f6 Mon Sep 17 00:00:00 2001
From: MTG2000 <mtg0987654321@gmail.com>
Date: Sun, 7 Aug 2022 18:38:01 +0300
Subject: [PATCH 14/42] chore: remove log

---
 api/auth/services/lnurlAuth.service.js | 1 -
 1 file changed, 1 deletion(-)

diff --git a/api/auth/services/lnurlAuth.service.js b/api/auth/services/lnurlAuth.service.js
index ea13b33..c8f3ee0 100644
--- a/api/auth/services/lnurlAuth.service.js
+++ b/api/auth/services/lnurlAuth.service.js
@@ -64,7 +64,6 @@ async function generateAuthUrl() {
     const hash = createHash(secret);
     await addHash(hash)
     const url = `${hostname}?tag=login&k1=${secret}`
-    console.log(url);
     return {
         url,
         encoded: lnurl.encode(url).toUpperCase(),

From 940c4ba66c3beb692cfee40298c124a2fa4d1169 Mon Sep 17 00:00:00 2001
From: MTG2000 <mtg0987654321@gmail.com>
Date: Mon, 8 Aug 2022 17:11:59 +0300
Subject: [PATCH 15/42] feat: base of linking api

---
 api/auth/services/lnurlAuth.service.js        |   7 +-
 api/auth/utils/helperFuncs.js                 |   8 +-
 api/functions/get-login-url/get-login-url.js  |  23 ++-
 api/functions/login/login.js                  |  49 +++++-
 .../migration.sql                             |  10 ++
 prisma/schema.prisma                          |   8 +
 prisma/seed/index.js                          |  18 +++
 .../AccountCard/AccountCard.stories.tsx       |  19 +++
 .../AccountCard/AccountCard.tsx               |  39 +++++
 .../LinkingAccountModal.tsx                   | 143 ++++++++++++++++++
 .../AccountCard/LinkingAccountModal/index.ts  |   3 +
 .../pages/EditProfilePage/EditProfilePage.tsx |   6 +
 src/redux/features/modals.slice.ts            |   2 +
 13 files changed, 325 insertions(+), 10 deletions(-)
 create mode 100644 prisma/migrations/20220808073740_add_userkeys_table/migration.sql
 create mode 100644 src/features/Profiles/pages/EditProfilePage/AccountCard/AccountCard.stories.tsx
 create mode 100644 src/features/Profiles/pages/EditProfilePage/AccountCard/AccountCard.tsx
 create mode 100644 src/features/Profiles/pages/EditProfilePage/AccountCard/LinkingAccountModal/LinkingAccountModal.tsx
 create mode 100644 src/features/Profiles/pages/EditProfilePage/AccountCard/LinkingAccountModal/index.ts

diff --git a/api/auth/services/lnurlAuth.service.js b/api/auth/services/lnurlAuth.service.js
index c8f3ee0..1dcb91c 100644
--- a/api/auth/services/lnurlAuth.service.js
+++ b/api/auth/services/lnurlAuth.service.js
@@ -58,12 +58,15 @@ function removeExpiredHashes() {
 
 
 
-async function generateAuthUrl() {
+async function generateAuthUrl(options) {
     const hostname = CONSTS.LNURL_AUTH_HOST ?? 'https://auth.bolt.fun/.netlify/functions/login';
     const secret = await generateK1();
     const hash = createHash(secret);
     await addHash(hash)
-    const url = `${hostname}?tag=login&k1=${secret}`
+    let url = `${hostname}?tag=login&k1=${secret}`
+    if (options.user_token) {
+        url = url + `&action=link&user_token=${options.user_token}`
+    }
     return {
         url,
         encoded: lnurl.encode(url).toUpperCase(),
diff --git a/api/auth/utils/helperFuncs.js b/api/auth/utils/helperFuncs.js
index 975bb2a..54fbf09 100644
--- a/api/auth/utils/helperFuncs.js
+++ b/api/auth/utils/helperFuncs.js
@@ -3,9 +3,11 @@ const { prisma } = require('../../prisma')
 
 const getUserByPubKey = (pubKey) => {
     if (!pubKey) return null;
-    return prisma.user.findFirst({
-        where: { pubKey }
-    })
+    return prisma.userKey.findUnique({
+        where: {
+            key: pubKey
+        },
+    }).user()
 }
 
 
diff --git a/api/functions/get-login-url/get-login-url.js b/api/functions/get-login-url/get-login-url.js
index a22c467..f2f011b 100644
--- a/api/functions/get-login-url/get-login-url.js
+++ b/api/functions/get-login-url/get-login-url.js
@@ -5,14 +5,35 @@ const { createExpressApp } = require('../../modules');
 const express = require('express');
 const jose = require('jose');
 const { JWT_SECRET } = require('../../utils/consts');
+const extractKeyFromCookie = require('../../utils/extractKeyFromCookie');
+const { getUserByPubKey } = require('../../auth/utils/helperFuncs');
 
 
 
 
 
 const getLoginUrl = async (req, res) => {
+
+    const { action } = req.query;
+
     try {
-        const data = await LnurlAuthService.generateAuthUrl();
+
+        let user_token = null;
+        if (action === 'link') {
+            const userPubKey = await extractKeyFromCookie(req.headers.cookie ?? req.headers.Cookie)
+            const user = await getUserByPubKey(userPubKey);
+
+            if (!user)
+                return res.status(400).json({ status: 'ERROR', reason: 'Only authenticated user can request a linking URL' });
+
+            user_token = await new jose.SignJWT({ user_id: user.id })
+                .setProtectedHeader({ alg: 'HS256' })
+                .setIssuedAt()
+                .setExpirationTime('5min')
+                .sign(Buffer.from(JWT_SECRET, 'utf-8'))
+        }
+
+        const data = await LnurlAuthService.generateAuthUrl({ user_token });
 
         const session_token = await new jose.SignJWT({ hash: data.secretHash })
             .setProtectedHeader({ alg: 'HS256' })
diff --git a/api/functions/login/login.js b/api/functions/login/login.js
index fb240e4..7dcdbf2 100644
--- a/api/functions/login/login.js
+++ b/api/functions/login/login.js
@@ -8,11 +8,13 @@ const express = require('express');
 const jose = require('jose');
 const { JWT_SECRET } = require('../../utils/consts');
 const { generatePrivateKey, getPublicKey } = require('../../utils/nostr-tools');
+const { getUserByPubKey } = require('../../auth/utils/helperFuncs');
 
 
 
 const loginHandler = async (req, res) => {
-    const { tag, k1, sig, key } = req.query;
+
+    const { tag, k1, sig, key, action, user_token } = req.query;
 
     if (tag !== 'login')
         return res.status(400).json({ status: 'ERROR', reason: 'Invalid Tag Provided' })
@@ -24,24 +26,63 @@ const loginHandler = async (req, res) => {
 
     }
 
+    if (action === 'link' && user_token) {
+        try {
+            const { payload } = await jose.jwtVerify(user_token, Buffer.from(JWT_SECRET), {
+                algorithms: ['HS256'],
+            })
+            const user_id = payload.user_id;
+
+            const existingKeys = await prisma.userKey.findMany({ where: { user_id }, select: { key: true } });
+
+            if (existingKeys.length >= 3)
+                return res.status(400).json({ status: 'ERROR', reason: "Can only link up to 3 wallets" })
+
+            if (existingKeys.includes(key))
+                return res.status(400).json({ status: 'ERROR', reason: "Wallet already linked" })
+
+
+            await prisma.userKey.create({
+                data: {
+                    key,
+                    user_id,
+                }
+            });
+
+            return res
+                .status(200)
+                .json({ status: "OK" })
+
+        } catch (error) {
+            return res.status(400).json({ status: 'ERROR', reason: 'Invalid User Token' })
+        }
+    }
+
 
     try {
         //Create user if not already existing
-        const user = await prisma.user.findFirst({ where: { pubKey: key } })
+        const user = await getUserByPubKey(key)
         if (user === null) {
 
             const nostr_prv_key = generatePrivateKey();
             const nostr_pub_key = getPublicKey(nostr_prv_key);
 
-            await prisma.user.create({
+            const createdUser = await prisma.user.create({
                 data: {
                     pubKey: key,
                     name: key,
                     avatar: `https://avatars.dicebear.com/api/bottts/${key}.svg`,
                     nostr_prv_key,
                     nostr_pub_key,
-                }
+                },
             })
+            await prisma.userKey.create({
+                data: {
+                    key,
+                    user_id: createdUser.id,
+                }
+            });
+
         }
 
         // calc the hash of k1
diff --git a/prisma/migrations/20220808073740_add_userkeys_table/migration.sql b/prisma/migrations/20220808073740_add_userkeys_table/migration.sql
new file mode 100644
index 0000000..1d6b0e2
--- /dev/null
+++ b/prisma/migrations/20220808073740_add_userkeys_table/migration.sql
@@ -0,0 +1,10 @@
+-- CreateTable
+CREATE TABLE "UserKey" (
+    "key" TEXT NOT NULL,
+    "user_id" INTEGER,
+
+    CONSTRAINT "UserKey_pkey" PRIMARY KEY ("key")
+);
+
+-- AddForeignKey
+ALTER TABLE "UserKey" ADD CONSTRAINT "UserKey_user_id_fkey" FOREIGN KEY ("user_id") REFERENCES "User"("id") ON DELETE SET NULL ON UPDATE CASCADE;
diff --git a/prisma/schema.prisma b/prisma/schema.prisma
index 5e9048e..5042441 100644
--- a/prisma/schema.prisma
+++ b/prisma/schema.prisma
@@ -64,6 +64,14 @@ model User {
   questions      Question[]
   posts_comments PostComment[]
   donations      Donation[]
+  userKeys       UserKey[]
+}
+
+model UserKey {
+  key String @id
+
+  user    User? @relation(fields: [user_id], references: [id])
+  user_id Int?
 }
 
 // -----------------
diff --git a/prisma/seed/index.js b/prisma/seed/index.js
index 6ee6d59..1484395 100644
--- a/prisma/seed/index.js
+++ b/prisma/seed/index.js
@@ -58,6 +58,8 @@ async function main() {
 
     // await createHackathons();
 
+    await fillUserKeysTable()
+
 }
 
 async function createCategories() {
@@ -150,6 +152,22 @@ async function createHackathons() {
     }
 }
 
+async function fillUserKeysTable() {
+    console.log('Filling Users Keys Table');
+    const allUsers = await prisma.user.findMany({
+        select: {
+            id: true,
+            pubKey: true,
+        }
+    })
+
+    await prisma.userKey.createMany({
+        data: allUsers.filter(u => !!u.pubKey).map(u => ({
+            key: u.pubKey,
+            user_id: u.id
+        }))
+    })
+}
 
 
 
diff --git a/src/features/Profiles/pages/EditProfilePage/AccountCard/AccountCard.stories.tsx b/src/features/Profiles/pages/EditProfilePage/AccountCard/AccountCard.stories.tsx
new file mode 100644
index 0000000..7463ed6
--- /dev/null
+++ b/src/features/Profiles/pages/EditProfilePage/AccountCard/AccountCard.stories.tsx
@@ -0,0 +1,19 @@
+import { ComponentStory, ComponentMeta } from '@storybook/react';
+import AccountCard from './AccountCard';
+
+export default {
+    title: 'Profiles/Profile Page/Account Card',
+    component: AccountCard,
+    argTypes: {
+        backgroundColor: { control: 'color' },
+    },
+
+} as ComponentMeta<typeof AccountCard>;
+
+
+const Template: ComponentStory<typeof AccountCard> = (args) => <AccountCard {...args} ></AccountCard>
+
+export const Default = Template.bind({});
+Default.args = {
+
+}
diff --git a/src/features/Profiles/pages/EditProfilePage/AccountCard/AccountCard.tsx b/src/features/Profiles/pages/EditProfilePage/AccountCard/AccountCard.tsx
new file mode 100644
index 0000000..b27b49e
--- /dev/null
+++ b/src/features/Profiles/pages/EditProfilePage/AccountCard/AccountCard.tsx
@@ -0,0 +1,39 @@
+import Button from 'src/Components/Button/Button';
+import { useAppDispatch } from 'src/utils/hooks';
+import { openModal } from 'src/redux/features/modals.slice';
+
+
+interface Props {
+
+}
+
+export default function AccountCard({ }: Props) {
+
+    const dispatch = useAppDispatch()
+
+    const connectNewWallet = () => {
+        dispatch(openModal({ Modal: "LinkingAccountModal" }))
+    }
+
+
+    return (
+        <div className="rounded-16 bg-white border-2 border-gray-200 p-24">
+            <p className="text-body2 font-bold">Account Settings</p>
+
+
+            <div className='mt-24 flex flex-col gap-16'>
+                <p className="text-body3 font-bold">Linked Wallets</p>
+                <p className="text-body4 text-gray-600">
+                    These are the wallets that you can login to this account from.
+                    <br />
+                    You can add a new wallet from the button below.
+                </p>
+                <Button color='primary' className='' onClick={connectNewWallet}>
+                    Connect new wallet ⚡
+                </Button>
+            </div>
+
+
+        </div>
+    )
+}
diff --git a/src/features/Profiles/pages/EditProfilePage/AccountCard/LinkingAccountModal/LinkingAccountModal.tsx b/src/features/Profiles/pages/EditProfilePage/AccountCard/LinkingAccountModal/LinkingAccountModal.tsx
new file mode 100644
index 0000000..4449e12
--- /dev/null
+++ b/src/features/Profiles/pages/EditProfilePage/AccountCard/LinkingAccountModal/LinkingAccountModal.tsx
@@ -0,0 +1,143 @@
+import { motion } from 'framer-motion'
+import { ModalCard, modalCardVariants } from 'src/Components/Modals/ModalsContainer/ModalsContainer'
+import { useEffect, useState } from "react"
+import { Grid } from "react-loader-spinner";
+import { CONSTS } from "src/utils";
+import { QRCodeSVG } from 'qrcode.react';
+import Button from "src/Components/Button/Button";
+import { FiCopy } from "react-icons/fi";
+import useCopyToClipboard from "src/utils/hooks/useCopyToClipboard";
+
+
+
+const fetchLnurlAuth = async () => {
+    const res = await fetch(CONSTS.apiEndpoint + '/get-login-url', {
+        credentials: 'include'
+    })
+    const data = await res.json()
+    return data;
+}
+
+const useLnurlQuery = () => {
+    const [loading, setLoading] = useState(true)
+    const [error, setError] = useState<any>(null);
+    const [data, setData] = useState<{ lnurl: string, session_token: string }>({ lnurl: '', session_token: '' })
+
+
+    useEffect(() => {
+
+        let timeOut: NodeJS.Timeout;
+        const doFetch = async () => {
+            const res = await fetchLnurlAuth();
+            if (!res?.encoded)
+                setError(true)
+            else {
+                setLoading(false);
+                setData({
+                    lnurl: res.encoded,
+                    session_token: res.session_token
+                });
+                timeOut = setTimeout(doFetch, 1000 * 60 * 2)
+            }
+        }
+        doFetch()
+
+        return () => clearTimeout(timeOut)
+    }, [])
+
+    return {
+        loadingLnurl: loading,
+        error,
+        data
+    }
+}
+
+export default function LinkingAccountModal({ onClose, direction, ...props }: ModalCard) {
+
+    const [copied, setCopied] = useState(false);
+
+    const { loadingLnurl, data: { lnurl }, error } = useLnurlQuery();
+    const clipboard = useCopyToClipboard()
+
+
+
+    useEffect(() => {
+        setCopied(false);
+    }, [lnurl])
+
+
+    const copyToClipboard = () => {
+        setCopied(true);
+        clipboard(lnurl);
+    }
+
+
+    let content = <></>
+
+    if (error)
+        content = <div className="flex flex-col gap-24 items-center">
+            <p className="text-body3 text-red-500 font-bold">Something wrong happened...</p>
+            <a href='/login' className="text body4 text-gray-500 hover:underline">Refresh the page</a>
+        </div>
+
+    else if (loadingLnurl)
+        content = <div className="flex flex-col gap-24 items-center">
+            <Grid color="var(--primary)" width="150" />
+            <p className="text-body3 font-bold">Fetching Lnurl-Auth...</p>
+        </div>
+
+    else
+        content =
+            <>
+                <p className="text-body1 font-bolder text-center">
+                    Link your account ⚡
+                </p>
+                <QRCodeSVG
+                    width={160}
+                    height={160}
+                    value={lnurl}
+                />
+                <p className="text-gray-600 text-body4 text-center">
+                    Scan this code or copy + paste it to your other lightning wallet to be able to login later with it to this account.
+                    <br />
+                    When done, click the button below to close this modal.
+                </p>
+                <div className="flex flex-col w-full gap-16">
+                    {/* <a href={lnurl}
+                        className='grow block text-body4 text-center text-white font-bolder bg-primary-500 hover:bg-primary-600 rounded-10 px-16 py-12 active:scale-90 transition-transform'
+                    >Click to connect <IoRocketOutline /></a> */}
+                    <Button
+                        color='gray'
+                        className='grow'
+                        onClick={copyToClipboard}
+                        fullWidth
+                    >{copied ? "Copied" : "Copy"} <FiCopy /></Button>
+                    <Button
+                        color='primary'
+                        onClick={onClose}
+                        fullWidth
+                        className='mt-16'
+                    >
+                        Done?
+                    </Button>
+                </div>
+            </>
+
+
+
+    return (
+        <motion.div
+            custom={direction}
+            variants={modalCardVariants}
+            initial='initial'
+            animate="animate"
+            exit='exit'
+            className="modal-card w-full max-w-[326px] bg-white border-2 border-gray-200 rounded-16 p-16 flex flex-col gap-16 items-center"
+        >
+            {content}
+        </motion.div>
+    )
+}
+
+
+
diff --git a/src/features/Profiles/pages/EditProfilePage/AccountCard/LinkingAccountModal/index.ts b/src/features/Profiles/pages/EditProfilePage/AccountCard/LinkingAccountModal/index.ts
new file mode 100644
index 0000000..a97d6f3
--- /dev/null
+++ b/src/features/Profiles/pages/EditProfilePage/AccountCard/LinkingAccountModal/index.ts
@@ -0,0 +1,3 @@
+import { lazyModal } from 'src/utils/helperFunctions';
+
+export const { LazyComponent: LinkingAccountModal } = lazyModal(() => import('./LinkingAccountModal'))
\ No newline at end of file
diff --git a/src/features/Profiles/pages/EditProfilePage/EditProfilePage.tsx b/src/features/Profiles/pages/EditProfilePage/EditProfilePage.tsx
index 500aadf..8382d21 100644
--- a/src/features/Profiles/pages/EditProfilePage/EditProfilePage.tsx
+++ b/src/features/Profiles/pages/EditProfilePage/EditProfilePage.tsx
@@ -8,6 +8,7 @@ import CommentsSettingsCard from "../ProfilePage/CommentsSettingsCard/CommentsSe
 import UpdateMyProfileCard from "./UpdateMyProfileCard/UpdateMyProfileCard";
 import { Helmet } from 'react-helmet'
 import { MEDIA_QUERIES } from "src/utils/theme";
+import AccountCard from "./AccountCard/AccountCard";
 
 
 const links = [
@@ -15,6 +16,10 @@ const links = [
         text: "👾 My Profile",
         path: 'my-profile',
     },
+    {
+        text: "🙍‍♂️ Account",
+        path: 'account',
+    },
     {
         text: "⚙️ Preferences",
         path: 'preferences',
@@ -92,6 +97,7 @@ export default function EditProfilePage() {
                     <Routes>
                         <Route index element={<Navigate to='my-profile' />} />
                         <Route path='my-profile' element={<UpdateMyProfileCard data={profileQuery.data.profile} />} />
+                        <Route path='account' element={<AccountCard />} />
                         <Route path='preferences' element={<CommentsSettingsCard nostr_prv_key={profileQuery.data.profile.nostr_prv_key} nostr_pub_key={profileQuery.data.profile.nostr_pub_key} isOwner={true} />
                         } />
                     </Routes>
diff --git a/src/redux/features/modals.slice.ts b/src/redux/features/modals.slice.ts
index c5dd20c..a789876 100644
--- a/src/redux/features/modals.slice.ts
+++ b/src/redux/features/modals.slice.ts
@@ -7,6 +7,7 @@ import { InsertVideoModal } from 'src/Components/Inputs/TextEditor/InsertVideoMo
 import { Claim_FundWithdrawCard, Claim_CopySignatureCard, Claim_GenerateSignatureCard, Claim_SubmittedCard } from "src/features/Projects/pages/ProjectPage/ClaimProject";
 import { ModalCard } from "src/Components/Modals/ModalsContainer/ModalsContainer";
 import { ConfirmModal } from "src/Components/Modals/ConfirmModal";
+import { LinkingAccountModal } from "src/features/Profiles/pages/EditProfilePage/AccountCard/LinkingAccountModal";
 
 import { ComponentProps } from "react";
 import { generateId } from "src/utils/helperFunctions";
@@ -32,6 +33,7 @@ export const ALL_MODALS = {
   Claim_SubmittedCard,
   Claim_FundWithdrawCard,
   ConfirmModal,
+  LinkingAccountModal,
 
   // Text Editor Modals
   InsertImageModal,

From 62d35f41ed955b23428eff0e6bcdee89290e8305 Mon Sep 17 00:00:00 2001
From: MTG2000 <mtg0987654321@gmail.com>
Date: Mon, 8 Aug 2022 19:50:20 +0300
Subject: [PATCH 16/42] add logs

---
 api/functions/login/login.js | 1 +
 1 file changed, 1 insertion(+)

diff --git a/api/functions/login/login.js b/api/functions/login/login.js
index 7dcdbf2..6f0d695 100644
--- a/api/functions/login/login.js
+++ b/api/functions/login/login.js
@@ -106,6 +106,7 @@ const loginHandler = async (req, res) => {
         return res.status(200).json({ status: "OK" })
 
     } catch (error) {
+        console.log(error);
         return res.status(400).json({ status: 'ERROR', reason: 'Unexpected error happened, please try again' })
     }
 }

From 8d0fe7eaf755c5465d6adb90f2fa3f89ebb0d97f Mon Sep 17 00:00:00 2001
From: MTG2000 <mtg0987654321@gmail.com>
Date: Mon, 8 Aug 2022 21:10:17 +0300
Subject: [PATCH 17/42] add logs

---
 api/functions/is-logged-in/is-logged-in.js                      | 1 +
 .../AccountCard/LinkingAccountModal/LinkingAccountModal.tsx     | 2 +-
 2 files changed, 2 insertions(+), 1 deletion(-)

diff --git a/api/functions/is-logged-in/is-logged-in.js b/api/functions/is-logged-in/is-logged-in.js
index 3eeb574..6a71d49 100644
--- a/api/functions/is-logged-in/is-logged-in.js
+++ b/api/functions/is-logged-in/is-logged-in.js
@@ -15,6 +15,7 @@ const isLoggedInHandler = async (req, res) => {
                 algorithms: ['HS256'],
             });
             const hash = payload.hash;
+            console.log(hash);
             const authToken = await lnurlAuthService.getAuthTokenByHash(hash);
             if (!authToken)
                 throw new Error("Not logged in yet")
diff --git a/src/features/Profiles/pages/EditProfilePage/AccountCard/LinkingAccountModal/LinkingAccountModal.tsx b/src/features/Profiles/pages/EditProfilePage/AccountCard/LinkingAccountModal/LinkingAccountModal.tsx
index 4449e12..038040d 100644
--- a/src/features/Profiles/pages/EditProfilePage/AccountCard/LinkingAccountModal/LinkingAccountModal.tsx
+++ b/src/features/Profiles/pages/EditProfilePage/AccountCard/LinkingAccountModal/LinkingAccountModal.tsx
@@ -11,7 +11,7 @@ import useCopyToClipboard from "src/utils/hooks/useCopyToClipboard";
 
 
 const fetchLnurlAuth = async () => {
-    const res = await fetch(CONSTS.apiEndpoint + '/get-login-url', {
+    const res = await fetch(CONSTS.apiEndpoint + '/get-login-url?action=link', {
         credentials: 'include'
     })
     const data = await res.json()

From a607d0cee382062babe746dda09c4ab3329eb6ce Mon Sep 17 00:00:00 2001
From: MTG2000 <mtg0987654321@gmail.com>
Date: Mon, 8 Aug 2022 21:20:31 +0300
Subject: [PATCH 18/42] add logs

---
 api/functions/login/login.js | 1 +
 1 file changed, 1 insertion(+)

diff --git a/api/functions/login/login.js b/api/functions/login/login.js
index 6f0d695..c2a8d8a 100644
--- a/api/functions/login/login.js
+++ b/api/functions/login/login.js
@@ -22,6 +22,7 @@ const loginHandler = async (req, res) => {
     try {
         await LnurlAuthService.verifySig(sig, k1, key)
     } catch (error) {
+        console.log(error);
         return res.status(400).json({ status: 'ERROR', reason: 'Invalid Signature' })
 
     }

From 69e3c84d015568820176eac9f45196cdd2d6d8fe Mon Sep 17 00:00:00 2001
From: MTG2000 <mtg0987654321@gmail.com>
Date: Mon, 8 Aug 2022 21:20:57 +0300
Subject: [PATCH 19/42] add logs

---
 api/functions/login/login.js | 1 +
 1 file changed, 1 insertion(+)

diff --git a/api/functions/login/login.js b/api/functions/login/login.js
index c2a8d8a..9249468 100644
--- a/api/functions/login/login.js
+++ b/api/functions/login/login.js
@@ -22,6 +22,7 @@ const loginHandler = async (req, res) => {
     try {
         await LnurlAuthService.verifySig(sig, k1, key)
     } catch (error) {
+        console.log(sig, k1, key);
         console.log(error);
         return res.status(400).json({ status: 'ERROR', reason: 'Invalid Signature' })
 

From bc0980488ed43ad321c2fd0e3564413c53cc7a28 Mon Sep 17 00:00:00 2001
From: MTG2000 <mtg0987654321@gmail.com>
Date: Mon, 8 Aug 2022 21:25:14 +0300
Subject: [PATCH 20/42] remove logs

---
 api/functions/get-login-url/get-login-url.js | 1 -
 api/functions/is-logged-in/is-logged-in.js   | 1 -
 api/functions/login/login.js                 | 3 ---
 3 files changed, 5 deletions(-)

diff --git a/api/functions/get-login-url/get-login-url.js b/api/functions/get-login-url/get-login-url.js
index f2f011b..1df402c 100644
--- a/api/functions/get-login-url/get-login-url.js
+++ b/api/functions/get-login-url/get-login-url.js
@@ -45,7 +45,6 @@ const getLoginUrl = async (req, res) => {
             .status(200)
             .json({ ...data, session_token });
     } catch (error) {
-        console.log(error);
         res.status(500).send("Unexpected error happened, please try again")
     }
 
diff --git a/api/functions/is-logged-in/is-logged-in.js b/api/functions/is-logged-in/is-logged-in.js
index 6a71d49..3eeb574 100644
--- a/api/functions/is-logged-in/is-logged-in.js
+++ b/api/functions/is-logged-in/is-logged-in.js
@@ -15,7 +15,6 @@ const isLoggedInHandler = async (req, res) => {
                 algorithms: ['HS256'],
             });
             const hash = payload.hash;
-            console.log(hash);
             const authToken = await lnurlAuthService.getAuthTokenByHash(hash);
             if (!authToken)
                 throw new Error("Not logged in yet")
diff --git a/api/functions/login/login.js b/api/functions/login/login.js
index 9249468..7dcdbf2 100644
--- a/api/functions/login/login.js
+++ b/api/functions/login/login.js
@@ -22,8 +22,6 @@ const loginHandler = async (req, res) => {
     try {
         await LnurlAuthService.verifySig(sig, k1, key)
     } catch (error) {
-        console.log(sig, k1, key);
-        console.log(error);
         return res.status(400).json({ status: 'ERROR', reason: 'Invalid Signature' })
 
     }
@@ -108,7 +106,6 @@ const loginHandler = async (req, res) => {
         return res.status(200).json({ status: "OK" })
 
     } catch (error) {
-        console.log(error);
         return res.status(400).json({ status: 'ERROR', reason: 'Unexpected error happened, please try again' })
     }
 }

From 00bedb3ba09c72b1619fbda9275f840d9a93de61 Mon Sep 17 00:00:00 2001
From: MTG2000 <mtg0987654321@gmail.com>
Date: Mon, 8 Aug 2022 21:26:00 +0300
Subject: [PATCH 21/42] hide "account" setting

---
 .../Profiles/pages/EditProfilePage/EditProfilePage.tsx    | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/src/features/Profiles/pages/EditProfilePage/EditProfilePage.tsx b/src/features/Profiles/pages/EditProfilePage/EditProfilePage.tsx
index 8382d21..787c952 100644
--- a/src/features/Profiles/pages/EditProfilePage/EditProfilePage.tsx
+++ b/src/features/Profiles/pages/EditProfilePage/EditProfilePage.tsx
@@ -16,10 +16,10 @@ const links = [
         text: "👾 My Profile",
         path: 'my-profile',
     },
-    {
-        text: "🙍‍♂️ Account",
-        path: 'account',
-    },
+    // {
+    //     text: "🙍‍♂️ Account",
+    //     path: 'account',
+    // },
     {
         text: "⚙️ Preferences",
         path: 'preferences',

From 15c4550ccbd49bacce6e73c57f5e0f2ff2048fe4 Mon Sep 17 00:00:00 2001
From: MTG2000 <mtg0987654321@gmail.com>
Date: Tue, 9 Aug 2022 14:07:11 +0300
Subject: [PATCH 22/42] feat: add 'insert link' tool button to content editor
 in story form

Fixes #119
---
 .../InsertLinkModal.stories.tsx               |  17 +++
 .../InsertLinkModal/InsertLinkModal.tsx       | 107 ++++++++++++++++++
 .../TextEditor/InsertLinkModal/index.tsx      |   4 +
 .../TextEditor/ToolButton/LinkToolBtn.tsx     |  68 +++++++++++
 .../Inputs/TextEditor/ToolButton/ToolBtn.tsx  |   5 +
 .../Inputs/TextEditor/ToolButton/helpers.ts   |   8 +-
 .../Components/ContentEditor/Toolbar.tsx      |   3 +-
 src/redux/features/modals.slice.ts            |   2 +
 8 files changed, 212 insertions(+), 2 deletions(-)
 create mode 100644 src/Components/Inputs/TextEditor/InsertLinkModal/InsertLinkModal.stories.tsx
 create mode 100644 src/Components/Inputs/TextEditor/InsertLinkModal/InsertLinkModal.tsx
 create mode 100644 src/Components/Inputs/TextEditor/InsertLinkModal/index.tsx
 create mode 100644 src/Components/Inputs/TextEditor/ToolButton/LinkToolBtn.tsx

diff --git a/src/Components/Inputs/TextEditor/InsertLinkModal/InsertLinkModal.stories.tsx b/src/Components/Inputs/TextEditor/InsertLinkModal/InsertLinkModal.stories.tsx
new file mode 100644
index 0000000..96c2fd1
--- /dev/null
+++ b/src/Components/Inputs/TextEditor/InsertLinkModal/InsertLinkModal.stories.tsx
@@ -0,0 +1,17 @@
+import { ComponentStory, ComponentMeta } from '@storybook/react';
+
+import InsertLinkModal from './InsertLinkModal';
+
+import { ModalsDecorator } from 'src/utils/storybook/decorators';
+
+export default {
+    title: 'Shared/Inputs/Text Editor/Insert Link Modal',
+    component: InsertLinkModal,
+
+    decorators: [ModalsDecorator]
+} as ComponentMeta<typeof InsertLinkModal>;
+
+const Template: ComponentStory<typeof InsertLinkModal> = (args) => <InsertLinkModal {...args} />;
+
+export const Default = Template.bind({});
+
diff --git a/src/Components/Inputs/TextEditor/InsertLinkModal/InsertLinkModal.tsx b/src/Components/Inputs/TextEditor/InsertLinkModal/InsertLinkModal.tsx
new file mode 100644
index 0000000..290094e
--- /dev/null
+++ b/src/Components/Inputs/TextEditor/InsertLinkModal/InsertLinkModal.tsx
@@ -0,0 +1,107 @@
+import React, { FormEvent, useState } from 'react'
+import { ModalCard, modalCardVariants } from 'src/Components/Modals/ModalsContainer/ModalsContainer'
+import { motion } from 'framer-motion'
+import { IoClose } from 'react-icons/io5'
+import Button from 'src/Components/Button/Button'
+import { useAppDispatch } from 'src/utils/hooks'
+import { PayloadAction } from '@reduxjs/toolkit'
+import * as yup from "yup";
+import { SubmitHandler, useForm } from "react-hook-form"
+import { yupResolver } from "@hookform/resolvers/yup";
+
+interface Props extends ModalCard {
+    callbackAction: PayloadAction<{ href: string, text: string }>
+}
+
+const schema = yup.object({
+    text: yup.string().trim().required().min(2, 'Link text should be at least 2 characters'),
+    href: yup.string().trim().required().url(),
+
+}).required();
+
+
+export interface IFormInputs {
+    text: string,
+    href: string,
+}
+
+
+export default function InsertLinkModal({ onClose, direction, callbackAction, ...props }: Props) {
+
+    const { register, formState: { errors }, handleSubmit } = useForm<IFormInputs>({
+        defaultValues: {
+            href: '',
+            text: '',
+        },
+        resolver: yupResolver(schema),
+        mode: 'onBlur',
+    });
+
+    const dispatch = useAppDispatch();
+
+    const onSubmit: SubmitHandler<IFormInputs> = data => {
+        const action = Object.assign({}, callbackAction);
+        action.payload = { text: data.text, href: data.href }
+        dispatch(action)
+        onClose?.();
+    };
+
+    return (
+        <motion.div
+            custom={direction}
+            variants={modalCardVariants}
+            initial='initial'
+            animate="animate"
+            exit='exit'
+            className="modal-card max-w-[660px] p-24 rounded-xl relative"
+        >
+            <IoClose className='absolute text-body2 top-24 right-24 hover:cursor-pointer' onClick={onClose} />
+            <h2 className='text-h5 font-bold'>Insert Link</h2>
+            <form onSubmit={handleSubmit(onSubmit)}>
+                <div className="grid md:grid-cols-2 gap-16 mt-32">
+                    <div>
+                        <p className="text-body5">
+                            Link Text
+                        </p>
+                        <div className="input-wrapper mt-8 relative">
+                            <input
+                                type='text'
+                                className="input-text"
+                                placeholder='My Website'
+                                {...register('text')}
+                            />
+                        </div>
+                        {errors.text && <p className="input-error">
+                            {errors.text.message}
+                        </p>}
+                    </div>
+                    <div>
+                        <p className="text-body5">
+                            Link URL
+                        </p>
+                        <div className="input-wrapper mt-8 relative">
+                            <input
+                                type='text'
+                                className="input-text"
+                                placeholder='https://www.website.com'
+                                {...register('href')}
+                            />
+                        </div>
+                        {errors.href && <p className="input-error">
+                            {errors.href.message}
+                        </p>}
+                    </div>
+                </div>
+                <div className="flex gap-16 justify-end mt-32">
+                    <Button onClick={onClose}>
+                        Cancel
+                    </Button>
+                    <Button type='submit' color='primary' >
+                        Insert
+                    </Button>
+                </div>
+            </form>
+
+        </motion.div>
+    )
+}
diff --git a/src/Components/Inputs/TextEditor/InsertLinkModal/index.tsx b/src/Components/Inputs/TextEditor/InsertLinkModal/index.tsx
new file mode 100644
index 0000000..73eee05
--- /dev/null
+++ b/src/Components/Inputs/TextEditor/InsertLinkModal/index.tsx
@@ -0,0 +1,4 @@
+
+import { lazyModal } from 'src/utils/helperFunctions';
+
+export const { LazyComponent: InsertLinkModal } = lazyModal(() => import('./InsertLinkModal'))
\ No newline at end of file
diff --git a/src/Components/Inputs/TextEditor/ToolButton/LinkToolBtn.tsx b/src/Components/Inputs/TextEditor/ToolButton/LinkToolBtn.tsx
new file mode 100644
index 0000000..48b3e54
--- /dev/null
+++ b/src/Components/Inputs/TextEditor/ToolButton/LinkToolBtn.tsx
@@ -0,0 +1,68 @@
+import { useActive, useCommands } from '@remirror/react';
+import { useAppDispatch } from 'src/utils/hooks';
+import { openModal } from 'src/redux/features/modals.slice';
+import { useReduxEffect } from 'src/utils/hooks/useReduxEffect';
+import { useCallback } from 'react';
+import { createAction } from '@reduxjs/toolkit';
+import { cmdToBtn } from './helpers';
+
+interface Props {
+    classes: {
+        button: string,
+        icon: string,
+        active: string,
+        enabled: string
+        disabled: string
+    }
+}
+
+const INSERT_LINK_ACTION = createAction<{ href: string, text: string }>('LINK_INSERTED_IN_EDITOR')({ href: '', text: '' })
+
+export default function LinkToolButton({ classes }: Props) {
+
+    const commands = useCommands();
+
+    const dispatch = useAppDispatch()
+
+    const onInsertLink = useCallback(({ payload: { href, text } }: typeof INSERT_LINK_ACTION) => {
+        commands.insertMarkdown(`[${text}](${href})`)
+    }, [commands])
+
+    useReduxEffect(onInsertLink, INSERT_LINK_ACTION.type)
+
+
+
+    const { tip, Icon } = cmdToBtn['link'];
+    const onClick = () => {
+        dispatch(openModal({
+            Modal: "InsertLinkModal",
+            props: {
+                callbackAction: {
+                    type: INSERT_LINK_ACTION.type,
+                    payload: {
+                        href: "",
+                        text: "",
+                    }
+                }
+            }
+        }))
+    }
+
+    return (
+        <button
+            type='button'
+            data-tip={tip}
+            className={`
+                    ${classes.button}
+                    ${classes.enabled}
+                    `}
+            onClick={onClick}
+        >
+            <Icon className={classes.icon} />
+        </button>
+    )
+
+
+
+}
+
diff --git a/src/Components/Inputs/TextEditor/ToolButton/ToolBtn.tsx b/src/Components/Inputs/TextEditor/ToolButton/ToolBtn.tsx
index d494ca0..0846b08 100644
--- a/src/Components/Inputs/TextEditor/ToolButton/ToolBtn.tsx
+++ b/src/Components/Inputs/TextEditor/ToolButton/ToolBtn.tsx
@@ -3,6 +3,7 @@ import HeadingsToolButton from './HeadingsToolBtn';
 import DefaultToolButton from './DefaultToolBtn';
 import { Command, isCommand } from './helpers';
 import VideoToolButton from './VideoToolBtn';
+import LinkToolButton from './LinkToolBtn';
 
 interface Props {
     cmd: Command
@@ -43,6 +44,10 @@ export default function ToolButton({ cmd,
     if (cmd === 'img')
         return <ImageToolButton classes={classes} />
 
+
+    if (cmd === 'link')
+        return <LinkToolButton classes={classes} />
+
     return <DefaultToolButton classes={classes} cmd={cmd} />
 
 
diff --git a/src/Components/Inputs/TextEditor/ToolButton/helpers.ts b/src/Components/Inputs/TextEditor/ToolButton/helpers.ts
index c7dad6d..30e3142 100644
--- a/src/Components/Inputs/TextEditor/ToolButton/helpers.ts
+++ b/src/Components/Inputs/TextEditor/ToolButton/helpers.ts
@@ -1,5 +1,5 @@
 import { FiBold, FiItalic, FiType, FiUnderline, FiAlignCenter, FiAlignLeft, FiAlignRight, FiCode } from 'react-icons/fi'
-import { FaListOl, FaListUl, FaUndo, FaRedo, FaImage, FaYoutube, FaQuoteLeft } from 'react-icons/fa'
+import { FaListOl, FaListUl, FaUndo, FaRedo, FaImage, FaYoutube, FaQuoteLeft, FaLink } from 'react-icons/fa'
 import { BiCodeCurly } from 'react-icons/bi';
 
 
@@ -97,6 +97,12 @@ export const cmdToBtn = {
         tip: "Insert Image",
         Icon: FaImage,
     },
+    link: {
+        cmd: 'insertLink',
+        activeCmd: 'link',
+        tip: "Insert Link",
+        Icon: FaLink,
+    },
 
     youtube: {
         cmd: 'addYouTubeVideo',
diff --git a/src/features/Posts/pages/CreatePostPage/Components/ContentEditor/Toolbar.tsx b/src/features/Posts/pages/CreatePostPage/Components/ContentEditor/Toolbar.tsx
index c29e678..d0f2e53 100644
--- a/src/features/Posts/pages/CreatePostPage/Components/ContentEditor/Toolbar.tsx
+++ b/src/features/Posts/pages/CreatePostPage/Components/ContentEditor/Toolbar.tsx
@@ -17,9 +17,10 @@ export default function Toolbar() {
                 {/* <TextEditorComponents.ToolButton cmd='leftAlign' />
                 <TextEditorComponents.ToolButton cmd='centerAlign' />
             <TextEditorComponents.ToolButton cmd='rightAlign' /> */}
-                <TextEditorComponents.ToolButton cmd='blockquote' />
+                <TextEditorComponents.ToolButton cmd='link' />
                 <TextEditorComponents.ToolButton cmd='code' />
                 <TextEditorComponents.ToolButton cmd='codeBlock' />
+                <TextEditorComponents.ToolButton cmd='blockquote' />
                 <TextEditorComponents.ToolButton cmd='bulletList' />
                 <TextEditorComponents.ToolButton cmd='orderedList' />
                 <TextEditorComponents.ToolButton cmd='img' />
diff --git a/src/redux/features/modals.slice.ts b/src/redux/features/modals.slice.ts
index a789876..6e05b12 100644
--- a/src/redux/features/modals.slice.ts
+++ b/src/redux/features/modals.slice.ts
@@ -4,6 +4,7 @@ import { ProjectDetailsCard } from "src/features/Projects/pages/ProjectPage/Proj
 import VoteCard from "src/features/Projects/pages/ProjectPage/VoteCard/VoteCard";
 import { InsertImageModal } from 'src/Components/Inputs/TextEditor/InsertImageModal'
 import { InsertVideoModal } from 'src/Components/Inputs/TextEditor/InsertVideoModal'
+import { InsertLinkModal } from 'src/Components/Inputs/TextEditor/InsertLinkModal'
 import { Claim_FundWithdrawCard, Claim_CopySignatureCard, Claim_GenerateSignatureCard, Claim_SubmittedCard } from "src/features/Projects/pages/ProjectPage/ClaimProject";
 import { ModalCard } from "src/Components/Modals/ModalsContainer/ModalsContainer";
 import { ConfirmModal } from "src/Components/Modals/ConfirmModal";
@@ -38,6 +39,7 @@ export const ALL_MODALS = {
   // Text Editor Modals
   InsertImageModal,
   InsertVideoModal,
+  InsertLinkModal,
 }
 
 type ExcludeBaseModalProps<U> = Omit<U, keyof ModalCard>

From 28eadcc1ffbe9198c9d92e48240c77fea79af535 Mon Sep 17 00:00:00 2001
From: MTG2000 <mtg0987654321@gmail.com>
Date: Tue, 9 Aug 2022 14:25:17 +0300
Subject: [PATCH 23/42] fix: remove old userKeys when linking key

---
 api/functions/login/login.js | 7 ++++++-
 1 file changed, 6 insertions(+), 1 deletion(-)

diff --git a/api/functions/login/login.js b/api/functions/login/login.js
index 7dcdbf2..cf731e9 100644
--- a/api/functions/login/login.js
+++ b/api/functions/login/login.js
@@ -39,7 +39,12 @@ const loginHandler = async (req, res) => {
                 return res.status(400).json({ status: 'ERROR', reason: "Can only link up to 3 wallets" })
 
             if (existingKeys.includes(key))
-                return res.status(400).json({ status: 'ERROR', reason: "Wallet already linked" })
+                return res.status(400).json({ status: 'ERROR', reason: "Wallet already linked" });
+
+            // Remove old linking for this key if existing
+            await prisma.userKey.delete({
+                where: { key }
+            })
 
 
             await prisma.userKey.create({

From f73e55377ca9326a046a6be2cfa55ffbfcd46c1c Mon Sep 17 00:00:00 2001
From: MTG2000 <mtg0987654321@gmail.com>
Date: Tue, 9 Aug 2022 18:11:32 +0300
Subject: [PATCH 24/42] feat: implement custom modals for no-webln error on
 mobile and web

Fixes #91
---
 .../ErrorBoundary/ErrorBoundary.tsx           |  10 +-
 src/Components/ErrorMessage/ErrorMessage.tsx  |   6 +-
 .../Modals/NoWeblnModal/NoWeblnModal.tsx      |  69 ++++++++
 src/Components/Modals/NoWeblnModal/alby.png   | Bin 0 -> 49869 bytes
 src/Components/Modals/NoWeblnModal/index.ts   |   4 +
 src/Components/Modals/NoWeblnModal/nut.png    | Bin 0 -> 61576 bytes
 .../components/DonateCard/useDonate.tsx       | 105 ++++++------
 src/redux/features/modals.slice.ts            |   2 +
 src/services/wallet.service.ts                |  16 +-
 src/utils/hooks/useVote/useVote.tsx           | 154 ++++++++++--------
 10 files changed, 236 insertions(+), 130 deletions(-)
 create mode 100644 src/Components/Modals/NoWeblnModal/NoWeblnModal.tsx
 create mode 100644 src/Components/Modals/NoWeblnModal/alby.png
 create mode 100644 src/Components/Modals/NoWeblnModal/index.ts
 create mode 100644 src/Components/Modals/NoWeblnModal/nut.png

diff --git a/src/Components/ErrorBoundary/ErrorBoundary.tsx b/src/Components/ErrorBoundary/ErrorBoundary.tsx
index 8c41157..3a17e1f 100644
--- a/src/Components/ErrorBoundary/ErrorBoundary.tsx
+++ b/src/Components/ErrorBoundary/ErrorBoundary.tsx
@@ -1,4 +1,5 @@
 import React, { Component, ErrorInfo, ReactNode } from "react";
+import ErrorMessage from "../ErrorMessage/ErrorMessage";
 
 interface Props {
     place?: string
@@ -25,7 +26,14 @@ class ErrorBoundary extends Component<Props, State> {
 
     public render() {
         if (this.state.hasError) {
-            return <h1>Sorry.. there was an error</h1>;
+            return <ErrorMessage message={
+                <p className="text-body3">
+                    Sorry, something went wrong...😵
+                    <br />
+                    Try refreshing the page.
+                </p>
+
+            } type="unknown"></ErrorMessage>;
         }
 
         return this.props.children;
diff --git a/src/Components/ErrorMessage/ErrorMessage.tsx b/src/Components/ErrorMessage/ErrorMessage.tsx
index 69ce4dd..b6cd8fc 100644
--- a/src/Components/ErrorMessage/ErrorMessage.tsx
+++ b/src/Components/ErrorMessage/ErrorMessage.tsx
@@ -1,7 +1,7 @@
 import { Link } from "react-router-dom"
 
 interface Props {
-    message?: string,
+    message?: string | JSX.Element,
     type?: 'unknown' | 'fetching'
 }
 
@@ -22,9 +22,9 @@ export default function ErrorMessage({
 
     return (
         <div className="bg-red-50 border border-red-500 rounded-12 text-gray-900 px-20 py-36 flex flex-col items-center ">
-            <p >
+            <div >
                 {messageToShow}
-            </p>
+            </div>
             <a href='/' className='text-primary-500 mt-36 underline' >Back to home page</a>
         </div>
     )
diff --git a/src/Components/Modals/NoWeblnModal/NoWeblnModal.tsx b/src/Components/Modals/NoWeblnModal/NoWeblnModal.tsx
new file mode 100644
index 0000000..c044161
--- /dev/null
+++ b/src/Components/Modals/NoWeblnModal/NoWeblnModal.tsx
@@ -0,0 +1,69 @@
+import { motion } from 'framer-motion'
+import { useAppSelector } from 'src/utils/hooks';
+import { ModalCard, modalCardVariants } from 'src/Components/Modals/ModalsContainer/ModalsContainer'
+import Button from 'src/Components/Button/Button'
+import { IoClose } from 'react-icons/io5';
+import NutImg from './nut.png'
+import AlbyImg from './alby.png'
+
+export default function NoWeblnModal({ onClose, direction, ...props }: ModalCard) {
+
+    const isMobile = useAppSelector(s => s.ui.isMobileScreen);
+
+
+    let content: JSX.Element;
+
+    if (isMobile)
+        content = <>
+            <div className="flex justify-center my-24">
+                <img
+                    src={NutImg}
+                    className='w-full max-w-[164px] aspect-square object-cover'
+                    alt="Nut images" />
+            </div>
+            <h3 className="text-h4 font-bolder">
+                Oops! Looks like you’re browsing on mobile.
+            </h3>
+            <p className="text-body4 text-gray-600 mt-8">
+                In order to use  BOLT🔩FUN’s voting button, you need to use a lightning browser wallet like Alby. You can download the extension on your desktop and try again.
+            </p>
+        </>
+    else
+        content = <>
+            <div className="flex justify-center my-24">
+                <img
+                    src={AlbyImg}
+                    className='w-full max-w-[164px] aspect-square object-cover'
+                    alt="Nut images" />
+            </div>
+            <h3 className="text-h4 font-bolder">
+                Oops! Looks like you don’t have Alby installed
+            </h3>
+            <p className="text-body4 text-gray-600 mt-8">
+                In order to use  BOLT🔩FUN’s voting button, you’ll need to use a lightning browser wallet like Alby. Download it to continue.
+            </p>
+            <Button
+                color='black'
+                fullWidth
+                newTab
+                className='mt-32'
+                href='https://getalby.com'
+            >Download Alby</Button>
+        </>
+
+
+    return (
+        <motion.div
+            custom={direction}
+            variants={modalCardVariants}
+            initial='initial'
+            animate="animate"
+            exit='exit'
+            className="modal-card max-w-[343px] p-24 rounded-xl relative"
+        >
+            <IoClose className='absolute text-body2 top-24 right-24 hover:cursor-pointer' onClick={onClose} />
+            <h2 className='text-h5 font-bold'>No WebLB Detected</h2>
+            {content}
+        </motion.div>
+    )
+}
diff --git a/src/Components/Modals/NoWeblnModal/alby.png b/src/Components/Modals/NoWeblnModal/alby.png
new file mode 100644
index 0000000000000000000000000000000000000000..eca9dfcd404e22baafab69010a6df0aa41f819cd
GIT binary patch
literal 49869
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

literal 0
HcmV?d00001

diff --git a/src/Components/Modals/NoWeblnModal/index.ts b/src/Components/Modals/NoWeblnModal/index.ts
new file mode 100644
index 0000000..4dd1808
--- /dev/null
+++ b/src/Components/Modals/NoWeblnModal/index.ts
@@ -0,0 +1,4 @@
+
+import { lazyModal } from 'src/utils/helperFunctions';
+
+export const { LazyComponent: NoWeblnModal } = lazyModal(() => import('./NoWeblnModal'))
\ No newline at end of file
diff --git a/src/Components/Modals/NoWeblnModal/nut.png b/src/Components/Modals/NoWeblnModal/nut.png
new file mode 100644
index 0000000000000000000000000000000000000000..03134427d72756a99c4f334eccdd148310a9c320
GIT binary patch
literal 61576
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
G!T$s6+0^&|

literal 0
HcmV?d00001

diff --git a/src/features/Donations/components/DonateCard/useDonate.tsx b/src/features/Donations/components/DonateCard/useDonate.tsx
index c69dfd7..5598619 100644
--- a/src/features/Donations/components/DonateCard/useDonate.tsx
+++ b/src/features/Donations/components/DonateCard/useDonate.tsx
@@ -17,56 +17,65 @@ export const useDonate = () => {
         onError: (error: any) => void,
         onSetteled: () => void
     }>) => {
-        setPaymentStatus(PaymentStatus.FETCHING_PAYMENT_DETAILS)
-        donateMutation({
-            variables: {
-                amountInSat: amount
-            },
-            onCompleted: async (donationData) => {
-                try {
-                    setPaymentStatus(PaymentStatus.AWAITING_PAYMENT);
-                    const webln = await Wallet_Service.getWebln()
-                    const paymentResponse = await webln.sendPayment(donationData.donate.payment_request);
-                    setPaymentStatus(PaymentStatus.PAID);
-
-                    //Confirm Voting payment
-                    confirmDonation({
-                        variables: {
-                            paymentRequest: donationData.donate.payment_request,
-                            preimage: paymentResponse.preimage
-                        },
-                        onCompleted: () => {
-                            setPaymentStatus(PaymentStatus.PAYMENT_CONFIRMED);
-                            config?.onSuccess?.();
-                            config?.onSetteled?.()
-                        },
-                        onError: (error) => {
-                            console.log(error)
-                            setPaymentStatus(PaymentStatus.NETWORK_ERROR);
-                            config?.onError?.(error);
-                            config?.onSetteled?.();
-                            alert("A network error happened while confirming the payment...")
-                        },
-                        refetchQueries: [
-                            'DonationsStats'
-                        ]
-                    })
-                } catch (error) {
-                    setPaymentStatus(PaymentStatus.CANCELED);
-                    config?.onError?.(error);
-                    config?.onSetteled?.();
-                    alert("Payment rejected by user")
+        Wallet_Service.getWebln()
+            .then(webln => {
+                if (!webln) {
+                    config?.onError?.(new Error('No WebLN Detetcted'))
+                    config?.onSetteled?.()
+                    return
                 }
 
-            },
-            onError: (error) => {
-                console.log(error);
-                setPaymentStatus(PaymentStatus.NETWORK_ERROR);
-                config?.onError?.(error);
-                config?.onSetteled?.();
-                alert("A network error happened...")
-            }
-        })
+                setPaymentStatus(PaymentStatus.FETCHING_PAYMENT_DETAILS)
+                donateMutation({
+                    variables: {
+                        amountInSat: amount
+                    },
+                    onCompleted: async (donationData) => {
+                        try {
+                            setPaymentStatus(PaymentStatus.AWAITING_PAYMENT);
+                            const paymentResponse = await webln.sendPayment(donationData.donate.payment_request);
+                            setPaymentStatus(PaymentStatus.PAID);
+
+                            //Confirm Voting payment
+                            confirmDonation({
+                                variables: {
+                                    paymentRequest: donationData.donate.payment_request,
+                                    preimage: paymentResponse.preimage
+                                },
+                                onCompleted: () => {
+                                    setPaymentStatus(PaymentStatus.PAYMENT_CONFIRMED);
+                                    config?.onSuccess?.();
+                                    config?.onSetteled?.()
+                                },
+                                onError: (error) => {
+                                    console.log(error)
+                                    setPaymentStatus(PaymentStatus.NETWORK_ERROR);
+                                    config?.onError?.(error);
+                                    config?.onSetteled?.();
+                                    alert("A network error happened while confirming the payment...")
+                                },
+                                refetchQueries: [
+                                    'DonationsStats'
+                                ]
+                            })
+                        } catch (error) {
+                            setPaymentStatus(PaymentStatus.CANCELED);
+                            config?.onError?.(error);
+                            config?.onSetteled?.();
+                            alert("Payment rejected by user")
+                        }
+
+                    },
+                    onError: (error) => {
+                        console.log(error);
+                        setPaymentStatus(PaymentStatus.NETWORK_ERROR);
+                        config?.onError?.(error);
+                        config?.onSetteled?.();
+                        alert("A network error happened...")
+                    }
+                })
+            })
+
     }, [confirmDonation, donateMutation]);
 
     const isLoading = paymentStatus !== PaymentStatus.DEFAULT && paymentStatus !== PaymentStatus.PAYMENT_CONFIRMED && paymentStatus !== PaymentStatus.NOT_PAID && paymentStatus !== PaymentStatus.NETWORK_ERROR && paymentStatus !== PaymentStatus.CANCELED
diff --git a/src/redux/features/modals.slice.ts b/src/redux/features/modals.slice.ts
index 6e05b12..c6c3a27 100644
--- a/src/redux/features/modals.slice.ts
+++ b/src/redux/features/modals.slice.ts
@@ -12,6 +12,7 @@ import { LinkingAccountModal } from "src/features/Profiles/pages/EditProfilePage
 
 import { ComponentProps } from "react";
 import { generateId } from "src/utils/helperFunctions";
+import { NoWeblnModal } from "src/Components/Modals/NoWeblnModal";
 
 export enum Direction {
   START,
@@ -34,6 +35,7 @@ export const ALL_MODALS = {
   Claim_SubmittedCard,
   Claim_FundWithdrawCard,
   ConfirmModal,
+  NoWeblnModal,
   LinkingAccountModal,
 
   // Text Editor Modals
diff --git a/src/services/wallet.service.ts b/src/services/wallet.service.ts
index 8510599..a9f6d27 100644
--- a/src/services/wallet.service.ts
+++ b/src/services/wallet.service.ts
@@ -1,6 +1,7 @@
 import { requestProvider, MissingProviderError, WebLNProvider } from 'webln';
 import { store } from '../redux/store'
 import { connectWallet as connectWalletStore } from '../redux/features/wallet.slice'
+import { openModal } from 'src/redux/features/modals.slice';
 
 
 class _Wallet_Service {
@@ -10,20 +11,19 @@ class _Wallet_Service {
 
     async getWebln() {
         if (!this.isConnected) await this.connectWallet();
-        return this.webln as WebLNProvider;
+        return this.webln;
     }
 
     init() {
-        const connectedPreviously = localStorage.getItem('wallet-connected')
-        if (connectedPreviously)
-            this.connectWallet();
+        // const connectedPreviously = localStorage.getItem('wallet-connected')
+        // if (connectedPreviously)
+        //     this.connectWallet();
     }
 
     async connectWallet() {
         try {
             const webln = await requestProvider();
             store.dispatch(connectWalletStore())
-            localStorage.setItem('wallet-connected', 'yes')
             this.webln = webln;
             this.isConnected = false;
         }
@@ -35,11 +35,13 @@ class _Wallet_Service {
                 message = "Check out https://getalby.com to get a web enabled lightning wallet";
             }
 
+            console.log(message);
 
 
-            localStorage.removeItem('wallet-connected')
             // Show the error (though you should probably use something better than alert!)
-            alert(message);
+            store.dispatch(openModal({
+                Modal: "NoWeblnModal"
+            }))
         }
     }
 
diff --git a/src/utils/hooks/useVote/useVote.tsx b/src/utils/hooks/useVote/useVote.tsx
index e0009d2..37a6fdc 100644
--- a/src/utils/hooks/useVote/useVote.tsx
+++ b/src/utils/hooks/useVote/useVote.tsx
@@ -41,81 +41,93 @@ export const useVote = (params: Params) => {
 
         if (!itemId || !itemType) return;
 
-        setPaymentStatus(PaymentStatus.FETCHING_PAYMENT_DETAILS)
-        voteMutaion({
-            variables: {
-                itemId,
-                itemType,
-                amountInSat: amount
-            },
-            onCompleted: async (votingData) => {
-                try {
-                    setPaymentStatus(PaymentStatus.AWAITING_PAYMENT);
-                    const webln = await Wallet_Service.getWebln()
-                    const paymentResponse = await webln.sendPayment(votingData.vote.payment_request);
-                    setPaymentStatus(PaymentStatus.PAID);
 
-                    //Confirm Voting payment
-                    confirmVote({
-                        variables: {
-                            paymentRequest: votingData.vote.payment_request,
-                            preimage: paymentResponse.preimage
-                        },
-                        onCompleted: () => {
-                            setPaymentStatus(PaymentStatus.PAYMENT_CONFIRMED);
-                            onSuccess?.(votingData.vote.amount_in_sat);
-                            onSetteled?.()
-                        },
-                        update(cache, { data }) {
-                            try {
-                                const { item_id, item_type, amount_in_sat } = data!.confirmVote;
-                                const { votes_count } = cache.readFragment({
-                                    id: `${item_type}:${item_id}`,
-                                    fragment: gql`
-                                        fragment My${item_type} on ${item_type} {
-                                        votes_count
-                                    }`
-                                }) ?? {};
-                                cache.writeFragment({
-                                    id: `${item_type}:${item_id}`,
-                                    fragment: gql`
-                                        fragment My${item_type} on ${item_type} {
-                                        votes_count
-                                    }
-                                    `,
-                                    data: {
-                                        votes_count: votes_count + amount_in_sat
-                                    },
-                                })
-                            } catch (error) {
-                                onError?.(error)
-                            }
-                        },
-
-                        onError: (error) => {
-                            setPaymentStatus(PaymentStatus.NETWORK_ERROR);
-                            onError?.(error);
-                            onSetteled?.();
-                            alert("A network error happened while confirming the payment...")
-                        }
-                    })
-                } catch (error) {
-                    setPaymentStatus(PaymentStatus.CANCELED);
-                    onError?.(error);
-                    onSetteled?.();
-                    alert("Payment rejected by user")
+        Wallet_Service.getWebln()
+            .then(webln => {
 
+                if (!webln) {
+                    onError?.(new Error('No WebLN Detetcted'))
+                    onSetteled?.()
+                    return
                 }
 
-            },
-            onError: (error) => {
-                console.log(error);
-                setPaymentStatus(PaymentStatus.NETWORK_ERROR);
-                onError?.(error);
-                onSetteled?.();
-                alert("A network error happened...")
-            }
-        })
+                setPaymentStatus(PaymentStatus.FETCHING_PAYMENT_DETAILS)
+                voteMutaion({
+                    variables: {
+                        itemId,
+                        itemType,
+                        amountInSat: amount
+                    },
+                    onCompleted: async (votingData) => {
+                        try {
+                            setPaymentStatus(PaymentStatus.AWAITING_PAYMENT);
+                            const paymentResponse = await webln.sendPayment(votingData.vote.payment_request);
+                            setPaymentStatus(PaymentStatus.PAID);
+
+                            //Confirm Voting payment
+                            confirmVote({
+                                variables: {
+                                    paymentRequest: votingData.vote.payment_request,
+                                    preimage: paymentResponse.preimage
+                                },
+                                onCompleted: () => {
+                                    setPaymentStatus(PaymentStatus.PAYMENT_CONFIRMED);
+                                    onSuccess?.(votingData.vote.amount_in_sat);
+                                    onSetteled?.()
+                                },
+                                update(cache, { data }) {
+                                    try {
+                                        const { item_id, item_type, amount_in_sat } = data!.confirmVote;
+                                        const { votes_count } = cache.readFragment({
+                                            id: `${item_type}:${item_id}`,
+                                            fragment: gql`
+                                            fragment My${item_type} on ${item_type} {
+                                            votes_count
+                                        }`
+                                        }) ?? {};
+                                        cache.writeFragment({
+                                            id: `${item_type}:${item_id}`,
+                                            fragment: gql`
+                                            fragment My${item_type} on ${item_type} {
+                                            votes_count
+                                        }
+                                        `,
+                                            data: {
+                                                votes_count: votes_count + amount_in_sat
+                                            },
+                                        })
+                                    } catch (error) {
+                                        onError?.(error)
+                                    }
+                                },
+
+                                onError: (error) => {
+                                    setPaymentStatus(PaymentStatus.NETWORK_ERROR);
+                                    onError?.(error);
+                                    onSetteled?.();
+                                    alert("A network error happened while confirming the payment...")
+                                }
+                            })
+                        } catch (error) {
+                            setPaymentStatus(PaymentStatus.CANCELED);
+                            onError?.(error);
+                            onSetteled?.();
+                            alert("Payment rejected by user")
+
+                        }
+
+                    },
+                    onError: (error) => {
+                        console.log(error);
+                        setPaymentStatus(PaymentStatus.NETWORK_ERROR);
+                        onError?.(error);
+                        onSetteled?.();
+                        alert("A network error happened...")
+                    }
+                })
+            })
+
+
     }, [confirmVote, voteMutaion, params.itemId, params.itemType, params.onError, params.onSetteled, params.onSuccess]);
 
 

From 547bf3522f4c70a63590b12ed0ece0f88b70399b Mon Sep 17 00:00:00 2001
From: MTG2000 <mtg0987654321@gmail.com>
Date: Tue, 9 Aug 2022 18:20:32 +0300
Subject: [PATCH 25/42] fix: remove borders and padding from discussing on
 mobile, put trending card below discussions on mobile

Fixes #120
---
 .../Components/Comments/CommentsSection/CommentsSection.tsx   | 2 +-
 src/features/Posts/Components/TrendingCard/TrendingCard.tsx   | 2 +-
 src/features/Posts/pages/PostDetailsPage/PostDetailsPage.tsx  | 4 +++-
 3 files changed, 5 insertions(+), 3 deletions(-)

diff --git a/src/features/Posts/Components/Comments/CommentsSection/CommentsSection.tsx b/src/features/Posts/Components/Comments/CommentsSection/CommentsSection.tsx
index ca7c361..2dbce3d 100644
--- a/src/features/Posts/Components/Comments/CommentsSection/CommentsSection.tsx
+++ b/src/features/Posts/Components/Comments/CommentsSection/CommentsSection.tsx
@@ -44,7 +44,7 @@ export default function CommentsSection({ type, id }: Props) {
 
 
   return (
-    <div className="border-2 border-gray-200 rounded-12 md:rounded-16 p-32 bg-white">
+    <div className="md:border-2 border-gray-200 rounded-12 md:rounded-16 md:p-32 bg-white">
 
       <div className="flex flex-wrap justify-between">
         <h6 className="text-body2 font-bolder">Discussion</h6>
diff --git a/src/features/Posts/Components/TrendingCard/TrendingCard.tsx b/src/features/Posts/Components/TrendingCard/TrendingCard.tsx
index c1f19e6..f411466 100644
--- a/src/features/Posts/Components/TrendingCard/TrendingCard.tsx
+++ b/src/features/Posts/Components/TrendingCard/TrendingCard.tsx
@@ -12,7 +12,7 @@ export default function TrendingCard() {
 
 
     return (
-        <div className="bg-white rounded-12 border-2 border-gray-200 p-16">
+        <div className="bg-white rounded-12 md:border-2 border-gray-200 md:p-16">
             <h3 className="text-body2 font-bolder mb-16">Trending on BOLT.FUN</h3>
             <ul className='flex flex-col'>
                 {
diff --git a/src/features/Posts/pages/PostDetailsPage/PostDetailsPage.tsx b/src/features/Posts/pages/PostDetailsPage/PostDetailsPage.tsx
index f702c66..06c9417 100644
--- a/src/features/Posts/pages/PostDetailsPage/PostDetailsPage.tsx
+++ b/src/features/Posts/pages/PostDetailsPage/PostDetailsPage.tsx
@@ -56,11 +56,13 @@ export default function PostDetailsPage() {
                 <aside id='author' className='no-scrollbar min-w-0'>
                     <div className="flex flex-col gap-24 overflow-y-auto sticky-side-element">
                         <AuthorCard author={post.author} />
-                        <TrendingCard />
+                        <div className="hidden md:block"><TrendingCard /></div>
                     </div>
                 </aside>
                 <div id="comments">
                     <CommentsSection id={post.id} type={type as Post_Type} />
+
+                    <div className="md:hidden mt-24"><TrendingCard /></div>
                 </div>
             </div>
         </>

From 4e0c42a69f3d2acf1d7d8fcbc1ea2ceccff1a4c9 Mon Sep 17 00:00:00 2001
From: MTG2000 <mtg0987654321@gmail.com>
Date: Wed, 10 Aug 2022 12:02:47 +0300
Subject: [PATCH 26/42] fix: typo on no-webln modal

---
 src/Components/Modals/NoWeblnModal/NoWeblnModal.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/Components/Modals/NoWeblnModal/NoWeblnModal.tsx b/src/Components/Modals/NoWeblnModal/NoWeblnModal.tsx
index c044161..1037ffc 100644
--- a/src/Components/Modals/NoWeblnModal/NoWeblnModal.tsx
+++ b/src/Components/Modals/NoWeblnModal/NoWeblnModal.tsx
@@ -62,7 +62,7 @@ export default function NoWeblnModal({ onClose, direction, ...props }: ModalCard
             className="modal-card max-w-[343px] p-24 rounded-xl relative"
         >
             <IoClose className='absolute text-body2 top-24 right-24 hover:cursor-pointer' onClick={onClose} />
-            <h2 className='text-h5 font-bold'>No WebLB Detected</h2>
+            <h2 className='text-h5 font-bold'>No WebLN Detected</h2>
             {content}
         </motion.div>
     )

From 2e369d4b3c72ab389e59540e95778264b074a255 Mon Sep 17 00:00:00 2001
From: MTG2000 <mtg0987654321@gmail.com>
Date: Wed, 10 Aug 2022 13:43:04 +0300
Subject: [PATCH 27/42] fix: remove empty space at the end of carousel, make
 categories carousel btns as the designs, fix shifting in padding between apps
 explore and category page

---
 .../Projects/pages/CategoryPage/CategoryPage.tsx         | 2 +-
 .../Projects/pages/ExplorePage/Categories/Categories.tsx | 9 ++++++---
 src/features/Projects/pages/ExplorePage/ExplorePage.tsx  | 2 +-
 .../pages/ExplorePage/ProjectsRow/ProjectsRow.tsx        | 6 +++++-
 4 files changed, 13 insertions(+), 6 deletions(-)

diff --git a/src/features/Projects/pages/CategoryPage/CategoryPage.tsx b/src/features/Projects/pages/CategoryPage/CategoryPage.tsx
index e5cc0e4..da6c204 100644
--- a/src/features/Projects/pages/CategoryPage/CategoryPage.tsx
+++ b/src/features/Projects/pages/CategoryPage/CategoryPage.tsx
@@ -36,7 +36,7 @@ export default function CategoryPage() {
                 <title>{`${data?.getCategory.title!} Lightning Products`}</title>
                 <meta property="og:title" content={`${data?.getCategory.title!} Lightning Products`} />
             </Helmet>
-            <div className='px-32'>
+            <div className='page-container'>
                 <HeaderImage
                     isLoading={loading}
                     title={data?.getCategory.title!}
diff --git a/src/features/Projects/pages/ExplorePage/Categories/Categories.tsx b/src/features/Projects/pages/ExplorePage/Categories/Categories.tsx
index f478999..44bd9cf 100644
--- a/src/features/Projects/pages/ExplorePage/Categories/Categories.tsx
+++ b/src/features/Projects/pages/ExplorePage/Categories/Categories.tsx
@@ -19,7 +19,10 @@ const colors = [
 
 export default function Categories() {
 
-    const { viewportRef, scrollSlides, canScrollNext, canScrollPrev, isClickAllowed } = useCarousel({ align: 'start', slidesToScroll: 2 })
+    const { viewportRef, scrollSlides, canScrollNext, canScrollPrev, isClickAllowed } = useCarousel({
+        align: 'start', slidesToScroll: 2,
+        containScroll: "trimSnaps",
+    })
     const { data, loading } = useAllCategoriesQuery();
     const navigate = useNavigate();
 
@@ -52,10 +55,10 @@ export default function Categories() {
                     )}
                 </div>
             </div>
-            <button className={`absolute inset-y-0 w-42 left-0 opacity-0 ${canScrollPrev && 'group-hover:opacity-100'} transition-opacity rounded-l-12 bg-gradient-to-r from-gray-700 text-white`} onClick={() => scrollSlides(-1)}>
+            <button className={`absolute text-body6 w-[28px] aspect-square flex justify-center items-center left-0 -translate-x-1/2 top-1/2 -translate-y-1/2 rounded-full bg-white text-gray-400 opacity-0 ${canScrollPrev && 'group-hover:opacity-100'} active:scale-90 transition-opacity border border-gray-200 shadow-md`} onClick={() => scrollSlides(-1)}>
                 <FaChevronLeft />
             </button>
-            <button className={`absolute inset-y-0 w-42 right-0 opacity-0 ${canScrollNext && 'group-hover:opacity-100'} transition-opacity rounded-r-12 bg-gradient-to-l from-gray-700 text-white`} onClick={() => scrollSlides(1)}>
+            <button className={`absolute text-body6 w-[28px] aspect-square flex justify-center items-center right-0 translate-x-1/2 top-1/2 -translate-y-1/2 rounded-full bg-white text-gray-400  opacity-0 ${canScrollNext && 'group-hover:opacity-100'} active:scale-90 transition-opacity border border-gray-200 shadow-md`} onClick={() => scrollSlides(1)}>
                 <FaChevronRight />
             </button>
         </div>
diff --git a/src/features/Projects/pages/ExplorePage/ExplorePage.tsx b/src/features/Projects/pages/ExplorePage/ExplorePage.tsx
index eff9c10..27053cd 100644
--- a/src/features/Projects/pages/ExplorePage/ExplorePage.tsx
+++ b/src/features/Projects/pages/ExplorePage/ExplorePage.tsx
@@ -15,7 +15,7 @@ export default function ExplorePage() {
 
                 <Header />
 
-                <div className="my-32 overflow-hidden">
+                <div className="my-32">
                     <Categories />
                 </div>
                 <div className="w-full overflow-hidden">
diff --git a/src/features/Projects/pages/ExplorePage/ProjectsRow/ProjectsRow.tsx b/src/features/Projects/pages/ExplorePage/ProjectsRow/ProjectsRow.tsx
index fb8937b..71da859 100644
--- a/src/features/Projects/pages/ExplorePage/ProjectsRow/ProjectsRow.tsx
+++ b/src/features/Projects/pages/ExplorePage/ProjectsRow/ProjectsRow.tsx
@@ -26,7 +26,11 @@ export default function ProjectsRow({ title, link, projects }: Props) {
 
     const [slidesToScroll, setSlidesToScroll] = useState(1)
     const rowRef = useRef<HTMLDivElement>(null)
-    const { viewportRef, scrollSlides, canScrollNext, canScrollPrev, isClickAllowed } = useCarousel({ align: 'start', slidesToScroll })
+    const { viewportRef, scrollSlides, canScrollNext, canScrollPrev, isClickAllowed } = useCarousel({
+        align: 'start',
+        slidesToScroll,
+        containScroll: "trimSnaps",
+    })
     const dispatch = useAppDispatch()
 
 

From 4c50bfbdadfd7d64eaf2f7e8a19ddab062542b3d Mon Sep 17 00:00:00 2001
From: MTG2000 <mtg0987654321@gmail.com>
Date: Wed, 10 Aug 2022 14:06:45 +0300
Subject: [PATCH 28/42] update: navigation component on mobile

---
 src/Components/Navbar/NavMobile.tsx | 114 ++++++++++++++--------------
 1 file changed, 58 insertions(+), 56 deletions(-)

diff --git a/src/Components/Navbar/NavMobile.tsx b/src/Components/Navbar/NavMobile.tsx
index 023b0ea..db03d3b 100644
--- a/src/Components/Navbar/NavMobile.tsx
+++ b/src/Components/Navbar/NavMobile.tsx
@@ -90,44 +90,47 @@ export default function NavMobile() {
           </div>
 
           <div className="flex-1 flex justify-end">
-            {curUser !== undefined &&
-              (curUser &&
-                <Menu
-                  menuClassName='!p-8 !rounded-12'
-                  menuButton={<MenuButton ><Avatar src={curUser.avatar} width={32} /> </MenuButton>}>
-                  <MenuItem
-                    href={createRoute({ type: 'profile', id: curUser.id, username: curUser.name })}
-                    onClick={(e) => {
-                      e.syntheticEvent.preventDefault();
-                      navigate(createRoute({ type: 'profile', id: curUser.id, username: curUser.name }));
-                    }}
-                    className='!p-16 font-medium flex gap-16 hover:bg-gray-100 !rounded-12'
-                  >
-                    👾 Profile
-                  </MenuItem>
-                  <MenuItem
-                    href="/edit-profile"
-                    onClick={(e) => {
-                      e.syntheticEvent.preventDefault();
-                      navigate("/edit-profile");
-                    }}
-                    className='!p-16 font-medium flex gap-16 hover:bg-gray-100 !rounded-12'
-                  >
-                    ⚙️ Settings
-                  </MenuItem>
-                  <MenuItem
-                    href="/logout"
-                    onClick={(e) => {
-                      e.syntheticEvent.preventDefault();
-                      navigate("/logout");
-                    }}
-                    className='!p-16 font-medium flex gap-16 hover:bg-gray-100 !rounded-12'
-                  >
-                    👋 Logout
-                  </MenuItem>
-                </Menu>
+            {curUser ?
+
+              <Menu
+                menuClassName='!p-8 !rounded-12'
+                menuButton={<MenuButton ><Avatar src={curUser.avatar} width={32} /> </MenuButton>}>
+                <MenuItem
+                  href={createRoute({ type: 'profile', id: curUser.id, username: curUser.name })}
+                  onClick={(e) => {
+                    e.syntheticEvent.preventDefault();
+                    navigate(createRoute({ type: 'profile', id: curUser.id, username: curUser.name }));
+                  }}
+                  className='!p-16 font-medium flex gap-16 hover:bg-gray-100 !rounded-12'
+                >
+                  👾 Profile
+                </MenuItem>
+                <MenuItem
+                  href="/edit-profile"
+                  onClick={(e) => {
+                    e.syntheticEvent.preventDefault();
+                    navigate("/edit-profile");
+                  }}
+                  className='!p-16 font-medium flex gap-16 hover:bg-gray-100 !rounded-12'
+                >
+                  ⚙️ Settings
+                </MenuItem>
+                <MenuItem
+                  href="/logout"
+                  onClick={(e) => {
+                    e.syntheticEvent.preventDefault();
+                    navigate("/logout");
+                  }}
+                  className='!p-16 font-medium flex gap-16 hover:bg-gray-100 !rounded-12'
+                >
+                  👋 Logout
+                </MenuItem>
+              </Menu>
+              :
+              <Button size="sm" color="none" className="!text-body5 whitespace-nowrap" href="/login">
+                Connect ⚡
+              </Button>
 
-              )
             }</div>
 
         </div>
@@ -149,25 +152,16 @@ export default function NavMobile() {
           <div className="flex flex-col gap-16 py-16">
             <Search onResultClick={() => toggleDrawerOpen(false)} />
             {
-              curUser ?
-                <Button
-                  color="gray"
-                  fullWidth
-                  className="!py-16 px-40 rounded-12 "
-                  href='/logout'
-                  onClick={() => toggleDrawerOpen()}
-                >
-                  Logout
-                </Button> :
-                <Button
-                  color="primary"
-                  fullWidth
-                  className="!py-16 px-40 rounded-12 "
-                  href='/login'
-                  onClick={() => toggleDrawerOpen()}
-                >
-                  Connect your lightning wallet ⚡️
-                </Button>
+              !curUser &&
+              <Button
+                color="primary"
+                fullWidth
+                className="!py-16 px-40 rounded-12 "
+                href='/login'
+                onClick={() => toggleDrawerOpen()}
+              >
+                Connect your lightning wallet ⚡️
+              </Button>
             }
           </div>
           <ul className="px-32 flex flex-col py-16 gap-32 border-t">
@@ -270,6 +264,14 @@ export default function NavMobile() {
                 Donate
               </Link>
             </li>
+            <li className="relative">
+              <Link
+                to={'/logout'}
+                onClick={() => toggleDrawerOpen(false)}
+                className='text-body4 font-bold hover:text-primary-600'>
+                Logout 👋
+              </Link>
+            </li>
           </ul>
           <ul className="px-16 py-16 pb-32 flex flex-wrap gap-y-12  border-t pt-32 mt-auto">
             <li className="text-body4 text-gray-500 hover:text-gray-700 w-1/2">

From 118dd3622ad0f2e07073ff24a035f324f309f6d6 Mon Sep 17 00:00:00 2001
From: MTG2000 <mtg0987654321@gmail.com>
Date: Wed, 10 Aug 2022 16:16:27 +0300
Subject: [PATCH 29/42] feat: change how the 'save changes' look and function
 in the profile settings

---
 .../pages/EditProfilePage/EditProfilePage.tsx |   2 +-
 .../SaveChangesCard/SaveChangesCard.tsx       |  63 +++
 .../UpdateMyProfileCard.tsx                   | 360 +++++++++---------
 .../CommentsSettingsCard.tsx                  | 122 +++---
 src/utils/helperFunctions.tsx                 |   3 +-
 src/utils/hooks/index.ts                      |   2 +
 src/utils/hooks/usePrompt.tsx                 |  56 +++
 7 files changed, 365 insertions(+), 243 deletions(-)
 create mode 100644 src/features/Profiles/pages/EditProfilePage/SaveChangesCard/SaveChangesCard.tsx
 create mode 100644 src/utils/hooks/usePrompt.tsx

diff --git a/src/features/Profiles/pages/EditProfilePage/EditProfilePage.tsx b/src/features/Profiles/pages/EditProfilePage/EditProfilePage.tsx
index 787c952..cbfc3fa 100644
--- a/src/features/Profiles/pages/EditProfilePage/EditProfilePage.tsx
+++ b/src/features/Profiles/pages/EditProfilePage/EditProfilePage.tsx
@@ -93,7 +93,7 @@ export default function EditProfilePage() {
                         </div>
                     }
                 </aside>
-                <main className="md:col-span-2">
+                <main className="md:col-span-3">
                     <Routes>
                         <Route index element={<Navigate to='my-profile' />} />
                         <Route path='my-profile' element={<UpdateMyProfileCard data={profileQuery.data.profile} />} />
diff --git a/src/features/Profiles/pages/EditProfilePage/SaveChangesCard/SaveChangesCard.tsx b/src/features/Profiles/pages/EditProfilePage/SaveChangesCard/SaveChangesCard.tsx
new file mode 100644
index 0000000..c1d72f7
--- /dev/null
+++ b/src/features/Profiles/pages/EditProfilePage/SaveChangesCard/SaveChangesCard.tsx
@@ -0,0 +1,63 @@
+import React from 'react'
+import { Link } from 'react-router-dom'
+import Button from 'src/Components/Button/Button'
+import Avatar from 'src/features/Profiles/Components/Avatar/Avatar'
+import { useProfileQuery } from 'src/graphql'
+import { trimText } from 'src/utils/helperFunctions'
+import { useAppSelector } from 'src/utils/hooks'
+import { createRoute } from 'src/utils/routing'
+
+interface Props {
+    isLoading?: boolean;
+    isDirty?: boolean;
+    onSubmit?: () => void
+    onCancel?: () => void;
+}
+
+export default function SaveChangesCard(props: Props) {
+
+    const userId = useAppSelector(state => state.user.me?.id!)
+    const profileQuery = useProfileQuery({
+        variables: {
+            profileId: userId,
+        },
+    })
+
+    if (!profileQuery.data?.profile)
+        return <></>
+
+    return (
+        <div className="md:p-24 rounded-16 bg-white md:border-2 border-gray-200 flex flex-col gap-24">
+            <div className='hidden md:flex gap-8'>
+                <Link to={createRoute({ type: 'profile', id: profileQuery.data.profile.id, username: profileQuery.data.profile.name })}>
+                    <Avatar width={48} src={profileQuery.data.profile.avatar!} />
+                </Link>
+                <div className='overflow-hidden'>
+                    <p className={`text-body4 text-black font-medium overflow-hidden text-ellipsis`}>{profileQuery.data.profile ? trimText(profileQuery.data.profile.name, 30) : "Anonymouse"}</p>
+                    {profileQuery.data.profile.jobTitle && <p className={`text-body6 text-gray-600`}>{profileQuery.data.profile.jobTitle}</p>}
+                </div>
+                {/* {showTimeAgo && <p className={`${nameSize[size]} text-gray-500 ml-auto `}>
+                {dayjs().diff(props.date, 'hour') < 24 ? `${dayjs().diff(props.date, 'hour')}h ago` : undefined}
+            </p>} */}
+            </div>
+            <p className="hidden md:block text-body5">{trimText(profileQuery.data.profile.bio, 120)}</p>
+            <div className="flex md:flex-col gap-16 justify-end">
+                <Button
+                    color="primary"
+                    onClick={props.onSubmit}
+                    isLoading={props.isLoading}
+                    disabled={!props.isDirty || props.isLoading}
+                >
+                    Save Changes
+                </Button>
+                <Button
+                    color="gray"
+                    onClick={props.onCancel}
+                    disabled={!props.isDirty || props.isLoading}
+                >
+                    Cancel
+                </Button>
+            </div>
+        </div>
+    )
+}
diff --git a/src/features/Profiles/pages/EditProfilePage/UpdateMyProfileCard/UpdateMyProfileCard.tsx b/src/features/Profiles/pages/EditProfilePage/UpdateMyProfileCard/UpdateMyProfileCard.tsx
index 1053c4e..027dfef 100644
--- a/src/features/Profiles/pages/EditProfilePage/UpdateMyProfileCard/UpdateMyProfileCard.tsx
+++ b/src/features/Profiles/pages/EditProfilePage/UpdateMyProfileCard/UpdateMyProfileCard.tsx
@@ -5,8 +5,8 @@ import { NotificationsService } from "src/services/notifications.service";
 import * as yup from "yup";
 import { yupResolver } from "@hookform/resolvers/yup";
 import Avatar from "src/features/Profiles/Components/Avatar/Avatar";
-
-
+import { usePrompt } from "src/utils/hooks";
+import SaveChangesCard from "../SaveChangesCard/SaveChangesCard";
 
 interface Props {
     data: Pick<User,
@@ -63,7 +63,7 @@ const schema: yup.SchemaOf<IFormInputs> = yup.object({
 
 export default function UpdateMyProfileCard({ data, onClose }: Props) {
 
-    const { register, formState: { errors }, handleSubmit } = useForm<IFormInputs>({
+    const { register, formState: { errors, isDirty, }, handleSubmit, reset } = useForm<IFormInputs>({
         defaultValues: data,
         resolver: yupResolver(schema),
         mode: 'onBlur',
@@ -77,6 +77,8 @@ export default function UpdateMyProfileCard({ data, onClose }: Props) {
 
 
 
+    usePrompt('You may have some unsaved changes. You still want to leave?', isDirty)
+
 
     const onSubmit: SubmitHandler<IFormInputs> = data => {
         mutate({
@@ -94,6 +96,9 @@ export default function UpdateMyProfileCard({ data, onClose }: Props) {
                     twitter: data.twitter,
                     website: data.website,
                 }
+            },
+            onCompleted: () => {
+                reset(data);
             }
         }).catch(() => {
             NotificationsService.error('A network error happened');
@@ -102,186 +107,179 @@ export default function UpdateMyProfileCard({ data, onClose }: Props) {
     };
 
     return (
-        <div className="rounded-16 bg-white border-2 border-gray-200">
-            <div className="bg-gray-600 relative h-[160px] rounded-t-16">
-                <div className="absolute left-24 bottom-0 translate-y-1/2">
-                    <Avatar src={data.avatar} width={120} />
+        <div className="grid grid-cols-1 md:grid-cols-3 gap-24">
+            <div className="col-span-2 rounded-16 bg-white border-2 border-gray-200">
+                <div className="bg-gray-600 relative h-[160px] rounded-t-16">
+                    <div className="absolute left-24 bottom-0 translate-y-1/2">
+                        <Avatar src={data.avatar} width={120} />
+                    </div>
+                </div>
+                <div className="p-16 md:p-24 mt-64">
+                    <form onSubmit={handleSubmit(onSubmit)}>
+                        <p className="text-body5 font-medium">
+                            Name
+                        </p>
+                        <div className="input-wrapper mt-8 relative">
+                            <input
+                                autoFocus
+                                type='text'
+                                className="input-text"
+                                placeholder='John Doe'
+                                {...register("name")}
+                            />
+                        </div>
+                        {errors.name && <p className="input-error">
+                            {errors.name.message}
+                        </p>}
+                        <p className="text-body5 mt-16 font-medium">
+                            Avatar
+                        </p>
+                        <div className="input-wrapper mt-8 relative">
+                            <input
+
+                                type='text'
+                                className="input-text"
+                                placeholder='https://images.com/my-avatar.jpg'
+                                {...register("avatar")}
+                            />
+                        </div>
+                        {errors.avatar && <p className="input-error">
+                            {errors.avatar.message}
+                        </p>}
+                        <p className="text-body5 mt-16 font-medium">
+                            Bio
+                        </p>
+                        <div className="input-wrapper mt-8 relative">
+                            <textarea
+
+                                rows={3}
+                                className="input-text !p-20"
+                                placeholder='Tell others a little bit about yourself'
+                                {...register("bio")}
+                            />
+                        </div>
+                        {errors.bio && <p className="input-error">
+                            {errors.bio.message}
+                        </p>}
+                        <p className="text-body5 mt-16 font-medium">
+                            Job Title
+                        </p>
+                        <div className="input-wrapper mt-8 relative">
+                            <input
+
+                                type='text'
+                                className="input-text"
+                                placeholder="Back-end Developer"
+                                {...register("jobTitle")}
+                            />
+                        </div>
+                        {errors.jobTitle && <p className="input-error">
+                            {errors.jobTitle.message}
+                        </p>}
+                        <p className="text-body5 mt-16 font-medium">
+                            Location
+                        </p>
+                        <div className="input-wrapper mt-8 relative">
+                            <input
+
+                                type='text'
+                                className="input-text"
+                                placeholder="UK, London"
+                                {...register("location")}
+                            />
+                        </div>
+                        {errors.location && <p className="input-error">
+                            {errors.location.message}
+                        </p>}
+                        <p className="text-body5 mt-16 font-medium">
+                            Website
+                        </p>
+                        <div className="input-wrapper mt-8 relative">
+                            <input
+
+                                type='text'
+                                className="input-text"
+                                placeholder="www.website.io"
+                                {...register("website")}
+                            />
+                        </div>
+                        {errors.website && <p className="input-error">
+                            {errors.website.message}
+                        </p>}
+                        <p className="text-body5 mt-16 font-medium">
+                            Twitter
+                        </p>
+                        <div className="input-wrapper mt-8 relative">
+                            <input
+
+                                type='text'
+                                className="input-text"
+                                placeholder="@johndoe"
+                                {...register("twitter")}
+                            />
+                        </div>
+                        {errors.twitter && <p className="input-error">
+                            {errors.twitter.message}
+                        </p>}
+                        <p className="text-body5 mt-16 font-medium">
+                            Github
+                        </p>
+                        <div className="input-wrapper mt-8 relative">
+                            <input
+
+                                type='text'
+                                className="input-text"
+                                placeholder="johndoe"
+                                {...register("github")}
+                            />
+                        </div>
+                        {errors.github && <p className="input-error">
+                            {errors.github.message}
+                        </p>}
+                        <p className="text-body5 mt-16 font-medium">
+                            Linkedin
+                        </p>
+                        <div className="input-wrapper mt-8 relative">
+                            <input
+
+                                type='text'
+                                className="input-text"
+                                placeholder="www.linkedin.com/in/john-doe"
+                                {...register("linkedin")}
+                            />
+                        </div>
+                        {errors.linkedin && <p className="input-error">
+                            {errors.linkedin.message}
+                        </p>}
+                        <p className="text-body5 mt-16 font-medium">
+                            Lightning address
+                        </p>
+
+                        <div className="input-wrapper mt-8 relative">
+                            <input
+
+                                type='text'
+                                className="input-text"
+                                placeholder="johndoe@lnd.com"
+                                {...register("lightning_address")}
+                            />
+                        </div>
+                        {errors.lightning_address && <p className="input-error">
+                            {errors.lightning_address.message}
+                        </p>}
+                        <p className="text-body6 text-gray-400 mt-8 max-w-[70ch]">
+                            Your lightning address is used to send the votes you get on your posts, comments, apps...etc, directly to you.
+                        </p>
+                    </form>
                 </div>
             </div>
-            <div className="p-16 md:p-24 mt-64">
-                <form onSubmit={handleSubmit(onSubmit)}>
-                    <p className="text-body5 font-medium">
-                        Name
-                    </p>
-                    <div className="input-wrapper mt-8 relative">
-                        <input
-                            autoFocus
-                            type='text'
-                            className="input-text"
-                            placeholder='John Doe'
-                            {...register("name")}
-                        />
-                    </div>
-                    {errors.name && <p className="input-error">
-                        {errors.name.message}
-                    </p>}
-                    <p className="text-body5 mt-16 font-medium">
-                        Avatar
-                    </p>
-                    <div className="input-wrapper mt-8 relative">
-                        <input
-
-                            type='text'
-                            className="input-text"
-                            placeholder='https://images.com/my-avatar.jpg'
-                            {...register("avatar")}
-                        />
-                    </div>
-                    {errors.avatar && <p className="input-error">
-                        {errors.avatar.message}
-                    </p>}
-                    <p className="text-body5 mt-16 font-medium">
-                        Bio
-                    </p>
-                    <div className="input-wrapper mt-8 relative">
-                        <textarea
-
-                            rows={3}
-                            className="input-text !p-20"
-                            placeholder='Tell others a little bit about yourself'
-                            {...register("bio")}
-                        />
-                    </div>
-                    {errors.bio && <p className="input-error">
-                        {errors.bio.message}
-                    </p>}
-                    <p className="text-body5 mt-16 font-medium">
-                        Job Title
-                    </p>
-                    <div className="input-wrapper mt-8 relative">
-                        <input
-
-                            type='text'
-                            className="input-text"
-                            placeholder="Back-end Developer"
-                            {...register("jobTitle")}
-                        />
-                    </div>
-                    {errors.jobTitle && <p className="input-error">
-                        {errors.jobTitle.message}
-                    </p>}
-                    <p className="text-body5 mt-16 font-medium">
-                        Location
-                    </p>
-                    <div className="input-wrapper mt-8 relative">
-                        <input
-
-                            type='text'
-                            className="input-text"
-                            placeholder="UK, London"
-                            {...register("location")}
-                        />
-                    </div>
-                    {errors.location && <p className="input-error">
-                        {errors.location.message}
-                    </p>}
-                    <p className="text-body5 mt-16 font-medium">
-                        Website
-                    </p>
-                    <div className="input-wrapper mt-8 relative">
-                        <input
-
-                            type='text'
-                            className="input-text"
-                            placeholder="www.website.io"
-                            {...register("website")}
-                        />
-                    </div>
-                    {errors.website && <p className="input-error">
-                        {errors.website.message}
-                    </p>}
-                    <p className="text-body5 mt-16 font-medium">
-                        Twitter
-                    </p>
-                    <div className="input-wrapper mt-8 relative">
-                        <input
-
-                            type='text'
-                            className="input-text"
-                            placeholder="@johndoe"
-                            {...register("twitter")}
-                        />
-                    </div>
-                    {errors.twitter && <p className="input-error">
-                        {errors.twitter.message}
-                    </p>}
-                    <p className="text-body5 mt-16 font-medium">
-                        Github
-                    </p>
-                    <div className="input-wrapper mt-8 relative">
-                        <input
-
-                            type='text'
-                            className="input-text"
-                            placeholder="johndoe"
-                            {...register("github")}
-                        />
-                    </div>
-                    {errors.github && <p className="input-error">
-                        {errors.github.message}
-                    </p>}
-                    <p className="text-body5 mt-16 font-medium">
-                        Linkedin
-                    </p>
-                    <div className="input-wrapper mt-8 relative">
-                        <input
-
-                            type='text'
-                            className="input-text"
-                            placeholder="www.linkedin.com/in/john-doe"
-                            {...register("linkedin")}
-                        />
-                    </div>
-                    {errors.linkedin && <p className="input-error">
-                        {errors.linkedin.message}
-                    </p>}
-                    <p className="text-body5 mt-16 font-medium">
-                        Lightning address
-                    </p>
-
-                    <div className="input-wrapper mt-8 relative">
-                        <input
-
-                            type='text'
-                            className="input-text"
-                            placeholder="johndoe@lnd.com"
-                            {...register("lightning_address")}
-                        />
-                    </div>
-                    {errors.lightning_address && <p className="input-error">
-                        {errors.lightning_address.message}
-                    </p>}
-                    <p className="text-body6 text-gray-400 mt-8 max-w-[70ch]">
-                        Your lightning address is used to send the votes you get on your posts, comments, apps...etc, directly to you.
-                    </p>
-                    <div className="mt-24 flex gap-16 justify-end">
-                        <Button
-                            color='gray'
-                            disabled={mutationStatus.loading}
-                            onClick={onClose}
-                        >
-                            Cancel
-                        </Button>
-                        <Button
-                            type='submit'
-                            color='primary'
-                            isLoading={mutationStatus.loading}
-                            disabled={mutationStatus.loading}
-                        >
-                            Save changes
-                        </Button>
-                    </div>
-                </form>
+            <div className="self-start sticky-side-element">
+                <SaveChangesCard
+                    isLoading={mutationStatus.loading}
+                    isDirty={isDirty}
+                    onSubmit={handleSubmit(onSubmit)}
+                    onCancel={() => reset()}
+                />
             </div>
         </div>
     )
diff --git a/src/features/Profiles/pages/ProfilePage/CommentsSettingsCard/CommentsSettingsCard.tsx b/src/features/Profiles/pages/ProfilePage/CommentsSettingsCard/CommentsSettingsCard.tsx
index 4d9b9ac..f48d164 100644
--- a/src/features/Profiles/pages/ProfilePage/CommentsSettingsCard/CommentsSettingsCard.tsx
+++ b/src/features/Profiles/pages/ProfilePage/CommentsSettingsCard/CommentsSettingsCard.tsx
@@ -21,48 +21,49 @@ export default function CommentsSettingsCard({ nostr_prv_key, nostr_pub_key, isO
 
 
     return (
-        <div className="rounded-16 bg-white border-2 border-gray-200 p-24">
-            <p className="text-body2 font-bold">💬 Nostr comments <span className="bg-green-50 text-green-500 text-body5 font-medium py-4 px-12 rounded-48 ml-8">Experimental</span></p>
-            <p className="mt-8 text-body4 text-gray-600">
-                Our commenting system is experimental and uses Nostr to store and relay your messages and replies to our own relay, as well as relays ran by other people in the community.
-                We generate Nostr keys for you since there are no popular wallets which support it.
-            </p>
+        <div className="grid grid-cols-1 md:grid-cols-3 gap-24">
+            <div className="col-span-2 rounded-16 bg-white border-2 border-gray-200 p-24">
+                <p className="text-body2 font-bold">💬 Nostr comments <span className="bg-green-50 text-green-500 text-body5 font-medium py-4 px-12 rounded-48 ml-8">Experimental</span></p>
+                <p className="mt-8 text-body4 text-gray-600">
+                    Our commenting system is experimental and uses Nostr to store and relay your messages and replies to our own relay, as well as relays ran by other people in the community.
+                    We generate Nostr keys for you since there are no popular wallets which support it.
+                </p>
 
-            <div className='mt-24 flex flex-col gap-16'>
-                <p className="text-body3 font-bold">Nostr keys</p>
-                {nostr_prv_key && <div>
-                    <p className="text-body5 font-bold">
-                        Your Nostr Private Key
-                    </p>
-                    <div className="input-wrapper mt-8 relative">
-                        <input
-                            type={'password'}
-                            className="input-text"
-                            defaultValue={nostr_prv_key}
-                            readOnly
-                        />
+                <div className='mt-24 flex flex-col gap-16'>
+                    <p className="text-body3 font-bold">Nostr keys</p>
+                    {nostr_prv_key && <div>
+                        <p className="text-body5 font-bold">
+                            Your Nostr Private Key
+                        </p>
+                        <div className="input-wrapper mt-8 relative">
+                            <input
+                                type={'password'}
+                                className="input-text"
+                                defaultValue={nostr_prv_key}
+                                readOnly
+                            />
 
-                        <CopyToClipboard text={nostr_prv_key} />
-                    </div>
-                </div>}
-                <div>
-                    <p className="text-body5 font-bold">
-                        Your Nostr Public Key
-                    </p>
-                    <div className="input-wrapper mt-8 relative">
-                        <input
-                            type='text'
-                            className="input-text"
-                            defaultValue={nostr_pub_key!}
-                            readOnly
-                        />
-                        <CopyToClipboard text={nostr_pub_key ?? ''} />
+                            <CopyToClipboard text={nostr_prv_key} />
+                        </div>
+                    </div>}
+                    <div>
+                        <p className="text-body5 font-bold">
+                            Your Nostr Public Key
+                        </p>
+                        <div className="input-wrapper mt-8 relative">
+                            <input
+                                type='text'
+                                className="input-text"
+                                defaultValue={nostr_pub_key!}
+                                readOnly
+                            />
+                            <CopyToClipboard text={nostr_pub_key ?? ''} />
+                        </div>
                     </div>
+
                 </div>
 
-            </div>
-
-            {/* <p className="text-body4 font-bold mt-24">
+                {/* <p className="text-body4 font-bold mt-24">
                 Connect your Nostr identity
             </p>
             <div className="mt-8 py-12 relative">
@@ -70,31 +71,32 @@ export default function CommentsSettingsCard({ nostr_prv_key, nostr_pub_key, isO
                     🚧 Coming Soon 🚧
                 </p>
             </div> */}
-            <div className='mt-24'>
-                <div className="flex justify-between">
-                    <p className="text-body4 font-bold">
-                        Nostr relays
-                    </p>
-                    <IconButton onClick={() => toggleRelaysDropdownOpen()}>
-                        <motion.div
-                            animate={{ rotate: relaysDropdownOpen ? 180 : 0 }}
-                        >
-                            <FaChevronDown />
-                        </motion.div>
-                    </IconButton>
+                <div className='mt-24'>
+                    <div className="flex justify-between">
+                        <p className="text-body4 font-bold">
+                            Nostr relays
+                        </p>
+                        <IconButton onClick={() => toggleRelaysDropdownOpen()}>
+                            <motion.div
+                                animate={{ rotate: relaysDropdownOpen ? 180 : 0 }}
+                            >
+                                <FaChevronDown />
+                            </motion.div>
+                        </IconButton>
+                    </div>
+                    {relaysDropdownOpen &&
+                        <motion.ul
+                            initial={{ y: '-50%', opacity: 0 }}
+                            animate={{ y: '0', opacity: 1 }}
+                            className="mt-8 relative flex flex-col gap-8">
+                            {CONSTS.DEFAULT_RELAYS.map((url, idx) => <li key={idx} className="text-body4 border-b py-12 px-16 border border-gray-200 rounded-16">{url}</li>)}
+                        </motion.ul>}
                 </div>
-                {relaysDropdownOpen &&
-                    <motion.ul
-                        initial={{ y: '-50%', opacity: 0 }}
-                        animate={{ y: '0', opacity: 1 }}
-                        className="mt-8 relative flex flex-col gap-8">
-                        {CONSTS.DEFAULT_RELAYS.map((url, idx) => <li key={idx} className="text-body4 border-b py-12 px-16 border border-gray-200 rounded-16">{url}</li>)}
-                    </motion.ul>}
-            </div>
 
-            <Button color='gray' fullWidth disabled className='mt-24'>
-                Connect your Nostr ID (coming soon)
-            </Button>
+                <Button color='gray' fullWidth disabled className='mt-24'>
+                    Connect your Nostr ID (coming soon)
+                </Button>
+            </div>
         </div>
     )
 }
diff --git a/src/utils/helperFunctions.tsx b/src/utils/helperFunctions.tsx
index 49d48f8..f842ac8 100644
--- a/src/utils/helperFunctions.tsx
+++ b/src/utils/helperFunctions.tsx
@@ -61,7 +61,8 @@ export function lazyModal<T extends ComponentType<any>>
   return { LazyComponent, preload };
 }
 
-export function trimText(text: string, length: number) {
+export function trimText(text: string | undefined | null, length: number) {
+  if (!text) return '';
   return text.slice(0, length) + (text.length > length ? "..." : "")
 }
 
diff --git a/src/utils/hooks/index.ts b/src/utils/hooks/index.ts
index c1cb8dd..9d8e667 100644
--- a/src/utils/hooks/index.ts
+++ b/src/utils/hooks/index.ts
@@ -11,3 +11,5 @@ export * from './useMediaQuery'
 export * from './useCurrentSection'
 export * from './usePreload'
 export * from './useCarousel'
+export * from './usePrompt'
+
diff --git a/src/utils/hooks/usePrompt.tsx b/src/utils/hooks/usePrompt.tsx
new file mode 100644
index 0000000..042ba14
--- /dev/null
+++ b/src/utils/hooks/usePrompt.tsx
@@ -0,0 +1,56 @@
+/**
+ * These hooks re-implement the now removed useBlocker and usePrompt hooks in 'react-router-dom'.
+ * Thanks for the idea @piecyk https://github.com/remix-run/react-router/issues/8139#issuecomment-953816315
+ * Source: https://github.com/remix-run/react-router/commit/256cad70d3fd4500b1abcfea66f3ee622fb90874#diff-b60f1a2d4276b2a605c05e19816634111de2e8a4186fe9dd7de8e344b65ed4d3L344-L381
+ */
+import { useContext, useEffect, useCallback } from 'react';
+import { UNSAFE_NavigationContext as NavigationContext } from 'react-router-dom';
+/**
+ * Blocks all navigation attempts. This is useful for preventing the page from
+ * changing until some condition is met, like saving form data.
+ *
+ * @param  blocker
+ * @param  when
+ * @see https://reactrouter.com/api/useBlocker
+ */
+export function useBlocker(blocker: any, when = true) {
+    const { navigator } = useContext(NavigationContext);
+
+    useEffect(() => {
+        if (!when) return;
+
+        const unblock = (navigator as any).block((tx: any) => {
+            const autoUnblockingTx = {
+                ...tx,
+                retry() {
+                    // Automatically unblock the transition so it can play all the way
+                    // through before retrying it. TODO: Figure out how to re-enable
+                    // this block if the transition is cancelled for some reason.
+                    unblock();
+                    tx.retry();
+                },
+            };
+
+            blocker(autoUnblockingTx);
+        });
+
+        return unblock;
+    }, [navigator, blocker, when]);
+}
+/**
+ * Prompts the user with an Alert before they leave the current screen.
+ *
+ * @param  message
+ * @param  when
+ */
+export function usePrompt(message: string, when = true) {
+    const blocker = useCallback(
+        (tx: any) => {
+            // eslint-disable-next-line no-alert
+            if (window.confirm(message)) tx.retry();
+        },
+        [message]
+    );
+
+    useBlocker(blocker, when);
+}
\ No newline at end of file

From 8464d65358376e2d3b9d65fa932486890eb5f9f1 Mon Sep 17 00:00:00 2001
From: MTG2000 <mtg0987654321@gmail.com>
Date: Wed, 10 Aug 2022 17:48:58 +0300
Subject: [PATCH 30/42] feat: add toasts to the profile updating page

---
 package-lock.json                             | 25 +++++++++--
 package.json                                  |  1 +
 src/Components/VoteButton/VoteButton.tsx      |  2 +-
 .../SaveChangesCard/SaveChangesCard.tsx       |  9 +++-
 .../UpdateMyProfileCard.tsx                   | 18 ++++----
 src/services/notifications.service.ts         | 44 +++++++++++++++++--
 src/utils/Wrapper.tsx                         |  8 ++++
 src/utils/hooks/useVote/useVote.tsx           |  8 ++--
 8 files changed, 94 insertions(+), 21 deletions(-)

diff --git a/package-lock.json b/package-lock.json
index c24518c..c57e2a7 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -82,6 +82,7 @@
         "react-router-dom": "^6.3.0",
         "react-scripts": "5.0.1",
         "react-select": "^5.3.2",
+        "react-toastify": "^9.0.8",
         "react-tooltip": "^4.2.21",
         "react-topbar-progress-indicator": "^4.1.1",
         "remirror": "^1.0.77",
@@ -19587,7 +19588,6 @@
       "version": "1.1.1",
       "resolved": "https://registry.npmjs.org/clsx/-/clsx-1.1.1.tgz",
       "integrity": "sha512-6/bPho624p3S2pMyvP5kKBPXnI3ufHLObBFCfgx+LkeR5lg2XYy2hqZqUf45ypD8COn2bhgGJSUE+l5dhNBieA==",
-      "dev": true,
       "engines": {
         "node": ">=6"
       }
@@ -60696,6 +60696,18 @@
         "react": "^16.8.0 || ^17.0.0"
       }
     },
+    "node_modules/react-toastify": {
+      "version": "9.0.8",
+      "resolved": "https://registry.npmjs.org/react-toastify/-/react-toastify-9.0.8.tgz",
+      "integrity": "sha512-EwM+teWt49HSHx+67qI08yLAW1zAsBxCXLCsUfxHYv1W7/R3ZLhrqKalh7j+kjgPna1h5LQMSMwns4tB4ww2yQ==",
+      "dependencies": {
+        "clsx": "^1.1.1"
+      },
+      "peerDependencies": {
+        "react": ">=16",
+        "react-dom": ">=16"
+      }
+    },
     "node_modules/react-tooltip": {
       "version": "4.2.21",
       "resolved": "https://registry.npmjs.org/react-tooltip/-/react-tooltip-4.2.21.tgz",
@@ -83039,8 +83051,7 @@
     "clsx": {
       "version": "1.1.1",
       "resolved": "https://registry.npmjs.org/clsx/-/clsx-1.1.1.tgz",
-      "integrity": "sha512-6/bPho624p3S2pMyvP5kKBPXnI3ufHLObBFCfgx+LkeR5lg2XYy2hqZqUf45ypD8COn2bhgGJSUE+l5dhNBieA==",
-      "dev": true
+      "integrity": "sha512-6/bPho624p3S2pMyvP5kKBPXnI3ufHLObBFCfgx+LkeR5lg2XYy2hqZqUf45ypD8COn2bhgGJSUE+l5dhNBieA=="
     },
     "co": {
       "version": "4.6.0",
@@ -114215,6 +114226,14 @@
         "use-latest": "^1.0.0"
       }
     },
+    "react-toastify": {
+      "version": "9.0.8",
+      "resolved": "https://registry.npmjs.org/react-toastify/-/react-toastify-9.0.8.tgz",
+      "integrity": "sha512-EwM+teWt49HSHx+67qI08yLAW1zAsBxCXLCsUfxHYv1W7/R3ZLhrqKalh7j+kjgPna1h5LQMSMwns4tB4ww2yQ==",
+      "requires": {
+        "clsx": "^1.1.1"
+      }
+    },
     "react-tooltip": {
       "version": "4.2.21",
       "resolved": "https://registry.npmjs.org/react-tooltip/-/react-tooltip-4.2.21.tgz",
diff --git a/package.json b/package.json
index 330a812..dd0041d 100644
--- a/package.json
+++ b/package.json
@@ -77,6 +77,7 @@
     "react-router-dom": "^6.3.0",
     "react-scripts": "5.0.1",
     "react-select": "^5.3.2",
+    "react-toastify": "^9.0.8",
     "react-tooltip": "^4.2.21",
     "react-topbar-progress-indicator": "^4.1.1",
     "remirror": "^1.0.77",
diff --git a/src/Components/VoteButton/VoteButton.tsx b/src/Components/VoteButton/VoteButton.tsx
index 7d49c20..7defb67 100644
--- a/src/Components/VoteButton/VoteButton.tsx
+++ b/src/Components/VoteButton/VoteButton.tsx
@@ -55,7 +55,7 @@ type BtnState = 'ready' | 'voting' | 'loading' | "success" | "fail";
 export default function VoteButton({
     votes,
     onVote = () => { },
-    fillType = 'leftRight',
+    fillType = 'background',
     direction = 'horizontal',
     disableCounter = false,
     disableShake = true,
diff --git a/src/features/Profiles/pages/EditProfilePage/SaveChangesCard/SaveChangesCard.tsx b/src/features/Profiles/pages/EditProfilePage/SaveChangesCard/SaveChangesCard.tsx
index c1d72f7..3476113 100644
--- a/src/features/Profiles/pages/EditProfilePage/SaveChangesCard/SaveChangesCard.tsx
+++ b/src/features/Profiles/pages/EditProfilePage/SaveChangesCard/SaveChangesCard.tsx
@@ -26,6 +26,12 @@ export default function SaveChangesCard(props: Props) {
     if (!profileQuery.data?.profile)
         return <></>
 
+
+    const clickCancel = () => {
+        if (window.confirm('You might lose some unsaved changes. Are you sure you want to continue?'))
+            props.onCancel?.()
+    }
+
     return (
         <div className="md:p-24 rounded-16 bg-white md:border-2 border-gray-200 flex flex-col gap-24">
             <div className='hidden md:flex gap-8'>
@@ -45,14 +51,13 @@ export default function SaveChangesCard(props: Props) {
                 <Button
                     color="primary"
                     onClick={props.onSubmit}
-                    isLoading={props.isLoading}
                     disabled={!props.isDirty || props.isLoading}
                 >
                     Save Changes
                 </Button>
                 <Button
                     color="gray"
-                    onClick={props.onCancel}
+                    onClick={clickCancel}
                     disabled={!props.isDirty || props.isLoading}
                 >
                     Cancel
diff --git a/src/features/Profiles/pages/EditProfilePage/UpdateMyProfileCard/UpdateMyProfileCard.tsx b/src/features/Profiles/pages/EditProfilePage/UpdateMyProfileCard/UpdateMyProfileCard.tsx
index 027dfef..428c6c8 100644
--- a/src/features/Profiles/pages/EditProfilePage/UpdateMyProfileCard/UpdateMyProfileCard.tsx
+++ b/src/features/Profiles/pages/EditProfilePage/UpdateMyProfileCard/UpdateMyProfileCard.tsx
@@ -7,6 +7,7 @@ import { yupResolver } from "@hookform/resolvers/yup";
 import Avatar from "src/features/Profiles/Components/Avatar/Avatar";
 import { usePrompt } from "src/utils/hooks";
 import SaveChangesCard from "../SaveChangesCard/SaveChangesCard";
+import { toast } from "react-toastify";
 
 interface Props {
     data: Pick<User,
@@ -69,11 +70,7 @@ export default function UpdateMyProfileCard({ data, onClose }: Props) {
         mode: 'onBlur',
     });
 
-    const [mutate, mutationStatus] = useUpdateProfileAboutMutation({
-        onCompleted: () => {
-            onClose?.()
-        }
-    });
+    const [mutate, mutationStatus] = useUpdateProfileAboutMutation();
 
 
 
@@ -81,6 +78,9 @@ export default function UpdateMyProfileCard({ data, onClose }: Props) {
 
 
     const onSubmit: SubmitHandler<IFormInputs> = data => {
+
+        const toastId = toast.loading("Saving changes...", NotificationsService.defaultOptions)
+
         mutate({
             variables: {
                 data: {
@@ -99,11 +99,13 @@ export default function UpdateMyProfileCard({ data, onClose }: Props) {
             },
             onCompleted: () => {
                 reset(data);
+                toast.update(toastId, { render: "Saved changes successfully", type: "success", ...NotificationsService.defaultOptions, isLoading: false });
             }
-        }).catch(() => {
-            NotificationsService.error('A network error happened');
-            mutationStatus.reset()
         })
+            .catch(() => {
+                toast.update(toastId, { render: "A network error happened", type: "error", ...NotificationsService.defaultOptions, isLoading: false });
+                mutationStatus.reset()
+            })
     };
 
     return (
diff --git a/src/services/notifications.service.ts b/src/services/notifications.service.ts
index 4208984..4b54ead 100644
--- a/src/services/notifications.service.ts
+++ b/src/services/notifications.service.ts
@@ -1,9 +1,47 @@
+import { toast, ToastOptions } from "react-toastify"
 
 const DEBUG = process.env.NODE_ENV === 'development'
 
+interface AlertOptions {
+    onComplete?: () => void
+    autoClose?: number
+}
+
 export class NotificationsService {
-    static error(msg: string, options?: Partial<{ error: any }>) {
-        if (options?.error && DEBUG) console.log(options?.error)
-        alert(msg)
+
+    static defaultOptions: ToastOptions = {
+        position: "bottom-center",
+        autoClose: 4000,
+        hideProgressBar: false,
+        closeOnClick: true,
+        rtl: false,
+        pauseOnFocusLoss: true,
+        draggable: true,
+        pauseOnHover: true,
+        theme: 'light',
     }
+
+    static success(msg: string, options?: AlertOptions) {
+        toast.success(msg, {
+            onClose: options?.onComplete,
+            autoClose: options?.autoClose ?? 2500,
+            icon: "✅"
+        })
+    }
+
+    static info(msg: string, options?: AlertOptions) {
+        toast.info(msg, {
+            onClose: options?.onComplete,
+            autoClose: options?.autoClose ?? 2500,
+        })
+    }
+
+    static error(msg: string, options?: AlertOptions & Partial<{ error: any }>) {
+        if (options?.error && DEBUG) console.log(options?.error)
+        toast.error(msg, {
+            onClose: options?.onComplete,
+            autoClose: options?.autoClose ?? 2500,
+        })
+    }
+
 }
\ No newline at end of file
diff --git a/src/utils/Wrapper.tsx b/src/utils/Wrapper.tsx
index a4ba7bf..53ff00e 100644
--- a/src/utils/Wrapper.tsx
+++ b/src/utils/Wrapper.tsx
@@ -8,10 +8,13 @@ import { useCallback, useLayoutEffect } from 'react';
 import { setIsMobileScreen } from 'src/redux/features/ui.slice';
 import { isMobileScreen } from './helperFunctions';
 import ReactTooltip from 'react-tooltip';
+import { ToastContainer } from 'react-toastify';
 
+import 'react-toastify/dist/ReactToastify.css';
 import 'react-loading-skeleton/dist/skeleton.css'
 import THEME from './theme';
 import ErrorBoundary from 'src/Components/ErrorBoundary/ErrorBoundary';
+import { NotificationsService } from 'src/services';
 THEME.injectStyles();
 
 let basename = '/';
@@ -55,6 +58,11 @@ export default function Wrapper(props: any) {
                 effect='solid'
                 delayShow={1000}
             />
+            <ToastContainer
+                {...NotificationsService.defaultOptions}
+                newestOnTop={false}
+                limit={2}
+            />
         </>
     )
 }
diff --git a/src/utils/hooks/useVote/useVote.tsx b/src/utils/hooks/useVote/useVote.tsx
index 37a6fdc..c4ec306 100644
--- a/src/utils/hooks/useVote/useVote.tsx
+++ b/src/utils/hooks/useVote/useVote.tsx
@@ -2,7 +2,7 @@
 import { gql } from '@apollo/client';
 import { useCallback, useState } from 'react';
 import { useConfirmVoteMutation, useVoteMutation, Vote_Item_Type } from 'src/graphql';
-import { Wallet_Service } from 'src/services';
+import { NotificationsService, Wallet_Service } from 'src/services';
 
 export enum PaymentStatus {
     DEFAULT,
@@ -105,14 +105,14 @@ export const useVote = (params: Params) => {
                                     setPaymentStatus(PaymentStatus.NETWORK_ERROR);
                                     onError?.(error);
                                     onSetteled?.();
-                                    alert("A network error happened while confirming the payment...")
+                                    NotificationsService.error("A network error happened while confirming the payment...")
                                 }
                             })
                         } catch (error) {
                             setPaymentStatus(PaymentStatus.CANCELED);
                             onError?.(error);
                             onSetteled?.();
-                            alert("Payment rejected by user")
+                            NotificationsService.error("Payment rejected by user")
 
                         }
 
@@ -122,7 +122,7 @@ export const useVote = (params: Params) => {
                         setPaymentStatus(PaymentStatus.NETWORK_ERROR);
                         onError?.(error);
                         onSetteled?.();
-                        alert("A network error happened...")
+                        NotificationsService.error("A network error happened...")
                     }
                 })
             })

From 8e5eecead8a001ea220766a5fabecd0f4491e838 Mon Sep 17 00:00:00 2001
From: MTG2000 <mtg0987654321@gmail.com>
Date: Wed, 10 Aug 2022 20:45:34 +0300
Subject: [PATCH 31/42] fix: fixed the issues regarding the mobile nav styling

---
 .../ErrorBoundary/ErrorBoundary.tsx           | 16 ++++---
 src/Components/Navbar/NavDesktop.tsx          |  2 +-
 src/Components/Navbar/NavMobile.tsx           | 43 +++++++------------
 3 files changed, 26 insertions(+), 35 deletions(-)

diff --git a/src/Components/ErrorBoundary/ErrorBoundary.tsx b/src/Components/ErrorBoundary/ErrorBoundary.tsx
index 3a17e1f..7fcfef3 100644
--- a/src/Components/ErrorBoundary/ErrorBoundary.tsx
+++ b/src/Components/ErrorBoundary/ErrorBoundary.tsx
@@ -26,14 +26,16 @@ class ErrorBoundary extends Component<Props, State> {
 
     public render() {
         if (this.state.hasError) {
-            return <ErrorMessage message={
-                <p className="text-body3">
-                    Sorry, something went wrong...😵
-                    <br />
-                    Try refreshing the page.
-                </p>
+            return <div className="page-container">
+                <ErrorMessage message={
+                    <p className="text-body3">
+                        Sorry, something went wrong...😵
+                        <br />
+                        Try refreshing the page.
+                    </p>
 
-            } type="unknown"></ErrorMessage>;
+                } type="unknown"></ErrorMessage>
+            </div>;
         }
 
         return this.props.children;
diff --git a/src/Components/Navbar/NavDesktop.tsx b/src/Components/Navbar/NavDesktop.tsx
index 4fa8a9a..f69ae78 100644
--- a/src/Components/Navbar/NavDesktop.tsx
+++ b/src/Components/Navbar/NavDesktop.tsx
@@ -201,7 +201,7 @@ export default function NavDesktop() {
                         </Menu>
 
                         :
-                        <Button color="primary" href="/login">
+                        <Button size="sm" color="white" href="/login">
                             Connect ⚡
                         </Button>
                     )
diff --git a/src/Components/Navbar/NavMobile.tsx b/src/Components/Navbar/NavMobile.tsx
index db03d3b..0e32380 100644
--- a/src/Components/Navbar/NavMobile.tsx
+++ b/src/Components/Navbar/NavMobile.tsx
@@ -151,20 +151,8 @@ export default function NavMobile() {
         >
           <div className="flex flex-col gap-16 py-16">
             <Search onResultClick={() => toggleDrawerOpen(false)} />
-            {
-              !curUser &&
-              <Button
-                color="primary"
-                fullWidth
-                className="!py-16 px-40 rounded-12 "
-                href='/login'
-                onClick={() => toggleDrawerOpen()}
-              >
-                Connect your lightning wallet ⚡️
-              </Button>
-            }
           </div>
-          <ul className="px-32 flex flex-col py-16 gap-32 border-t">
+          <ul className="flex flex-col py-16 gap-32 border-t">
 
             <li className="relative">
               <Link
@@ -198,8 +186,8 @@ export default function NavMobile() {
                     onClick={() => toggleDrawerOpen(false)}
                     className='font-medium flex gap-16 !rounded-12 '
                   >
-                    <div className="bg-white border border-gray-100 w-48 h-48 rounded-full flex justify-center items-center">
-                      <span className="text-body2">✍🏼</span>
+                    <div className="shrink-0 bg-white border border-gray-100 w-48 h-48 rounded-full flex justify-center items-center">
+                      <span className="text-body2 shrink-0">✍🏼</span>
                     </div>
                     <div>
                       <p className="text-body4 text-black font-medium">
@@ -214,8 +202,8 @@ export default function NavMobile() {
 
                     className='font-medium flex gap-16 !rounded-12 opacity-60'
                   >
-                    <div className="bg-white border border-gray-100 w-48 h-48 rounded-full flex justify-center items-center">
-                      <span className="text-body2">💬</span>
+                    <div className="shrink-0 bg-white border border-gray-100 w-48 h-48 rounded-full flex justify-center items-center">
+                      <span className="text-body2 shrink-0">💬</span>
                     </div>
                     <div>
                       <p className="text-body4 text-black font-medium">
@@ -231,8 +219,8 @@ export default function NavMobile() {
                     onClick={() => toggleDrawerOpen(false)}
                     className='font-medium flex gap-16 !rounded-12'
                   >
-                    <div className="bg-white border border-gray-100 w-48 h-48 rounded-full flex justify-center items-center">
-                      <span className="text-body2">🏆</span>
+                    <div className="shrink-0 bg-white border border-gray-100 w-48 h-48 rounded-full flex justify-center items-center">
+                      <span className="text-body2 shrink-0">🏆</span>
                     </div>
                     <div>
                       <p className="text-body4 text-black font-medium">
@@ -264,14 +252,15 @@ export default function NavMobile() {
                 Donate
               </Link>
             </li>
-            <li className="relative">
-              <Link
-                to={'/logout'}
-                onClick={() => toggleDrawerOpen(false)}
-                className='text-body4 font-bold hover:text-primary-600'>
-                Logout 👋
-              </Link>
-            </li>
+            {curUser &&
+              <li className="relative">
+                <Link
+                  to={'/logout'}
+                  onClick={() => toggleDrawerOpen(false)}
+                  className='text-body4 font-bold hover:text-primary-600'>
+                  Logout 👋
+                </Link>
+              </li>}
           </ul>
           <ul className="px-16 py-16 pb-32 flex flex-wrap gap-y-12  border-t pt-32 mt-auto">
             <li className="text-body4 text-gray-500 hover:text-gray-700 w-1/2">

From eba9db3600d0122fd34f9e061a29e0a7f398bca7 Mon Sep 17 00:00:00 2001
From: MTG2000 <mtg0987654321@gmail.com>
Date: Fri, 12 Aug 2022 14:41:30 +0300
Subject: [PATCH 32/42] fix: remove nostr card from profile, rename 'Apps' to
 'Projects'

---
 src/App.tsx                                   |  8 ++++----
 src/Components/Navbar/NavDesktop.tsx          |  4 ++--
 src/Components/Navbar/NavMobile.tsx           | 20 +++++++++----------
 .../SaveChangesCard/SaveChangesCard.tsx       |  4 +++-
 .../pages/ProfilePage/ProfilePage.tsx         |  4 ----
 .../CategoryPage/HeaderImage/HeaderImage.tsx  |  3 ++-
 .../ExplorePage/Categories/Categories.tsx     |  2 +-
 .../pages/ExplorePage/Header/Header.tsx       |  2 +-
 .../ProjectsSection/ProjectsSection.tsx       |  6 +++---
 src/utils/routing/routes.ts                   |  8 ++++----
 10 files changed, 30 insertions(+), 31 deletions(-)

diff --git a/src/App.tsx b/src/App.tsx
index d672df3..f94279c 100644
--- a/src/App.tsx
+++ b/src/App.tsx
@@ -94,9 +94,9 @@ function App() {
         <Route path={PAGES_ROUTES.blog.createPost} element={<ProtectedRoute><CreatePostPage /></ProtectedRoute>} />
 
         <Route element={<NavbarLayout />}>
-          <Route path={PAGES_ROUTES.apps.hottest} element={<HottestPage />} />
-          <Route path={PAGES_ROUTES.apps.byCategoryId} element={<CategoryPage />} />
-          <Route path={PAGES_ROUTES.apps.default} element={<ExplorePage />} />
+          <Route path={PAGES_ROUTES.projects.hottest} element={<HottestPage />} />
+          <Route path={PAGES_ROUTES.projects.byCategoryId} element={<CategoryPage />} />
+          <Route path={PAGES_ROUTES.projects.default} element={<ExplorePage />} />
 
           <Route path={PAGES_ROUTES.blog.postById} element={<PostDetailsPage />} />
           <Route path={PAGES_ROUTES.blog.feed} element={<FeedPage />} />
@@ -111,7 +111,7 @@ function App() {
           <Route path={PAGES_ROUTES.auth.login} element={<LoginPage />} />
           <Route path={PAGES_ROUTES.auth.logout} element={<LogoutPage />} />
 
-          <Route path="/" element={<Navigate to={PAGES_ROUTES.apps.default} />} />
+          <Route path="/" element={<Navigate to={PAGES_ROUTES.projects.default} />} />
         </Route>
 
       </Routes>
diff --git a/src/Components/Navbar/NavDesktop.tsx b/src/Components/Navbar/NavDesktop.tsx
index f69ae78..2b2d625 100644
--- a/src/Components/Navbar/NavDesktop.tsx
+++ b/src/Components/Navbar/NavDesktop.tsx
@@ -47,8 +47,8 @@ export default function NavDesktop() {
                 </Link>
                 <ul className="flex gap-32 xl:gap-64">
                     <li className="relative">
-                        <Link to={'/apps'} className='text-body4 font-bold hover:text-primary-600'>
-                            Apps
+                        <Link to={'/projects'} className='text-body4 font-bold hover:text-primary-600'>
+                            Projects
                         </Link>
                     </li>
                     <li>
diff --git a/src/Components/Navbar/NavMobile.tsx b/src/Components/Navbar/NavMobile.tsx
index 0e32380..3ed8a1d 100644
--- a/src/Components/Navbar/NavMobile.tsx
+++ b/src/Components/Navbar/NavMobile.tsx
@@ -156,10 +156,10 @@ export default function NavMobile() {
 
             <li className="relative">
               <Link
-                to={'/apps'}
+                to={'/projects'}
                 onClick={() => toggleDrawerOpen(false)}
                 className='text-body4 font-bold hover:text-primary-600'>
-                Apps
+                Projects
               </Link>
             </li>
             <li>
@@ -264,28 +264,28 @@ export default function NavMobile() {
           </ul>
           <ul className="px-16 py-16 pb-32 flex flex-wrap gap-y-12  border-t pt-32 mt-auto">
             <li className="text-body4 text-gray-500 hover:text-gray-700 w-1/2">
-              <a href="/">About Us</a>
+              <a href="/#">About Us</a>
             </li>
             <li className="text-body4 text-gray-500 hover:text-gray-700 w-1/2">
-              <a href="/">Support</a>
+              <a href="/#">Support</a>
             </li>
             <li className="text-body4 text-gray-500 hover:text-gray-700 w-1/2">
-              <a href="/">Press</a>
+              <a href="/#">Press</a>
             </li>
             <li className="text-body4 text-gray-500 hover:text-gray-700 w-1/2">
-              <a href="/">Contacts</a>
+              <a href="/#">Contacts</a>
             </li>
             <li className="text-body4 text-gray-500 hover:text-gray-700 w-1/2">
-              <a href="/">Careers</a>
+              <a href="/#">Careers</a>
             </li>
             <li className="text-body4 text-gray-500 hover:text-gray-700 w-1/2">
-              <a href="/">Sitemap</a>
+              <a href="/#">Sitemap</a>
             </li>
             <li className="text-body4 text-gray-500 hover:text-gray-700 w-1/2">
-              <a href="/">Legal</a>
+              <a href="/#">Legal</a>
             </li>
             <li className="text-body4 text-gray-500 hover:text-gray-700 w-1/2">
-              <a href="/">Cookies Settings</a>
+              <a href="/#">Cookies Settings</a>
             </li>
 
           </ul>
diff --git a/src/features/Profiles/pages/EditProfilePage/SaveChangesCard/SaveChangesCard.tsx b/src/features/Profiles/pages/EditProfilePage/SaveChangesCard/SaveChangesCard.tsx
index 3476113..3f83f80 100644
--- a/src/features/Profiles/pages/EditProfilePage/SaveChangesCard/SaveChangesCard.tsx
+++ b/src/features/Profiles/pages/EditProfilePage/SaveChangesCard/SaveChangesCard.tsx
@@ -35,7 +35,9 @@ export default function SaveChangesCard(props: Props) {
     return (
         <div className="md:p-24 rounded-16 bg-white md:border-2 border-gray-200 flex flex-col gap-24">
             <div className='hidden md:flex gap-8'>
-                <Link to={createRoute({ type: 'profile', id: profileQuery.data.profile.id, username: profileQuery.data.profile.name })}>
+                <Link
+                    className='shrink-0'
+                    to={createRoute({ type: 'profile', id: profileQuery.data.profile.id, username: profileQuery.data.profile.name })}>
                     <Avatar width={48} src={profileQuery.data.profile.avatar!} />
                 </Link>
                 <div className='overflow-hidden'>
diff --git a/src/features/Profiles/pages/ProfilePage/ProfilePage.tsx b/src/features/Profiles/pages/ProfilePage/ProfilePage.tsx
index 48b00ce..58a265a 100644
--- a/src/features/Profiles/pages/ProfilePage/ProfilePage.tsx
+++ b/src/features/Profiles/pages/ProfilePage/ProfilePage.tsx
@@ -44,10 +44,6 @@ export default function ProfilePage() {
                 <main className="flex flex-col gap-24">
                     <AboutCard user={profileQuery.data.profile} isOwner={isOwner} />
                     <StoriesCard stories={profileQuery.data.profile.stories} isOwner={isOwner} />
-                    {
-                        isOwner &&
-                        <CommentsSettingsCard nostr_prv_key={profileQuery.data.profile.nostr_prv_key} nostr_pub_key={profileQuery.data.profile.nostr_pub_key} isOwner={isOwner} />
-                    }
                 </main>
                 <aside></aside>
             </div>
diff --git a/src/features/Projects/pages/CategoryPage/HeaderImage/HeaderImage.tsx b/src/features/Projects/pages/CategoryPage/HeaderImage/HeaderImage.tsx
index 395039c..2f343ba 100644
--- a/src/features/Projects/pages/CategoryPage/HeaderImage/HeaderImage.tsx
+++ b/src/features/Projects/pages/CategoryPage/HeaderImage/HeaderImage.tsx
@@ -3,6 +3,7 @@ import { FiArrowLeft } from 'react-icons/fi'
 import Skeleton from 'react-loading-skeleton'
 import { Link } from 'react-router-dom'
 import ASSETS from 'src/assets'
+import { PAGES_ROUTES } from 'src/utils/routing'
 
 type Props = {
     isLoading: boolean
@@ -33,7 +34,7 @@ export default function HeaderImage(props: Props) {
             <img src={img.startsWith('https://via.placeholder.com/') ? DEFAULT_IMG : img} alt={`${title} cover`} className='absolute inset-0 w-full h-full object-cover z-[-1]' />
             <div className='absolute inset-0 w-full h-full bg-black bg-opacity-50   z-[-1]' />
             <Link
-                to='/apps'
+                to={PAGES_ROUTES.projects.default}
                 className="
               w-[48px] h-[48px] bg-white hover:bg-gray-200 
               absolute top-24 left-24 md:top-1/2 md:left-40 md:-translate-y-1/2
diff --git a/src/features/Projects/pages/ExplorePage/Categories/Categories.tsx b/src/features/Projects/pages/ExplorePage/Categories/Categories.tsx
index 44bd9cf..b0f32a7 100644
--- a/src/features/Projects/pages/ExplorePage/Categories/Categories.tsx
+++ b/src/features/Projects/pages/ExplorePage/Categories/Categories.tsx
@@ -48,7 +48,7 @@ export default function Categories() {
                     {data?.allCategories.map((category, idx) =>
                         <button
                             key={category.id}
-                            onClick={() => isClickAllowed() && navigate(`/apps/category/${category.id}`)}
+                            onClick={() => isClickAllowed() && navigate(`/projects/category/${category.id}`)}
                             className='min-w-max block p-16 rounded-16 hover:bg-gray-100 active:bg-gray-200 active:scale-90 transition-transform'
                             style={{ backgroundColor: colors[idx % colors.length] }}
                         >{category.icon} {category.title}</button>
diff --git a/src/features/Projects/pages/ExplorePage/Header/Header.tsx b/src/features/Projects/pages/ExplorePage/Header/Header.tsx
index 6228989..0c2891c 100644
--- a/src/features/Projects/pages/ExplorePage/Header/Header.tsx
+++ b/src/features/Projects/pages/ExplorePage/Header/Header.tsx
@@ -11,7 +11,7 @@ const headerLinks = [
     title: <p className="text-body1 font-bolder text-white">Explore a fun directory of lightning web apps</p>,
     img: Assets.Images_ExploreHeader1,
     link: {
-      content: "Submit app",
+      content: "Submit project",
       url: "https://form.jotform.com/220301236112030",
     },
   },
diff --git a/src/features/Projects/pages/ExplorePage/ProjectsSection/ProjectsSection.tsx b/src/features/Projects/pages/ExplorePage/ProjectsSection/ProjectsSection.tsx
index 0b5bac8..0013633 100644
--- a/src/features/Projects/pages/ExplorePage/ProjectsSection/ProjectsSection.tsx
+++ b/src/features/Projects/pages/ExplorePage/ProjectsSection/ProjectsSection.tsx
@@ -20,7 +20,7 @@ export default function ProjectsSection() {
     return (
         <div className='mt-32 lg:mt-48'>
             <ProjectsRow title={<><span className="align-middle mr-8">Hottest</span> <MdLocalFireDepartment className='inline-block text-fire scale-125 ' /></>}
-                link='/apps/hottest'
+                link='/projects/hottest'
                 projects={data.hottestProjects} />
 
             <ProjectsRow title="Recently added"
@@ -28,13 +28,13 @@ export default function ProjectsSection() {
 
             {shockTheWebCategory &&
                 <ProjectsRow title={shockTheWebCategory.title}
-                    link={`/apps/category/${shockTheWebCategory.id}`}
+                    link={`/projects/category/${shockTheWebCategory.id}`}
                     projects={shockTheWebCategory.project!} />}
             {restCategories.map(({ id, title, project, }) => {
                 if (project)
                     return <ProjectsRow
                         key={id}
-                        link={`/apps/category/${id}`}
+                        link={`/projects/category/${id}`}
                         title={title}
                         projects={project} />
                 else return null
diff --git a/src/utils/routing/routes.ts b/src/utils/routing/routes.ts
index 5f7f696..f4c338f 100644
--- a/src/utils/routing/routes.ts
+++ b/src/utils/routing/routes.ts
@@ -61,10 +61,10 @@ export function createRoute(options: RouteOptions) {
 }
 
 export const PAGES_ROUTES = {
-    apps: {
-        default: "/apps",
-        hottest: "/apps/hottest",
-        byCategoryId: "/apps/category/:id"
+    projects: {
+        default: "/projects",
+        hottest: "/projects/hottest",
+        byCategoryId: "/projects/category/:id"
     },
     blog: {
         feed: "/blog",

From 53cc9da267e9757172a9e4dbb06e3b1f0d72140e Mon Sep 17 00:00:00 2001
From: MTG2000 <mtg0987654321@gmail.com>
Date: Sat, 13 Aug 2022 00:31:54 +0300
Subject: [PATCH 33/42] perf: lazy load mocks package

---
 src/index.tsx | 10 ++++++----
 1 file changed, 6 insertions(+), 4 deletions(-)

diff --git a/src/index.tsx b/src/index.tsx
index b0d76da..eef1fbf 100644
--- a/src/index.tsx
+++ b/src/index.tsx
@@ -6,10 +6,12 @@ import App from './App';
 
 
 if (process.env.REACT_APP_ENABLE_MOCKS) {
-  const { worker } = require('./mocks/browser')
-  worker.start({
-    onUnhandledRequest: 'bypass'
-  })
+  import('./mocks/browser')
+    .then(({ worker }) => {
+      worker.start({
+        onUnhandledRequest: 'bypass'
+      })
+    })
 }
 
 

From 70374b2769dd512e756200e5e1c5977b50330b24 Mon Sep 17 00:00:00 2001
From: MTG2000 <mtg0987654321@gmail.com>
Date: Sat, 13 Aug 2022 18:37:27 +0300
Subject: [PATCH 34/42] fix: create a card component for all the cards, fix
 username overflow on mobile card, fix hottest page padding

---
 src/Components/Card/Card.stories.tsx          |  23 ++++
 src/Components/Card/Card.tsx                  |  33 ++++++
 .../Comments/CommentCard/CommentCard.tsx      |   6 +-
 .../CommentsSection/CommentsSection.tsx       |   6 +-
 .../PostCard/StoryCard/StoryCard.tsx          |   6 +-
 .../Components/TrendingCard/TrendingCard.tsx  |   5 +-
 .../PopularTagsFilter/PopularTagsFilter.tsx   |   7 +-
 .../Components/AuthorCard/AuthorCard.tsx      |   5 +-
 .../StoryPageContent/StoryPageContent.tsx     |   9 +-
 .../AccountCard/AccountCard.tsx               |  11 +-
 .../pages/EditProfilePage/EditProfilePage.tsx |  13 +--
 .../CommentsSettingsCard.stories.tsx          |   0
 .../CommentsSettingsCard.tsx                  | 102 ++++++++++++++++++
 .../PreferencesTab/PreferencesTab.tsx         |  21 ++++
 .../SaveChangesCard/SaveChangesCard.tsx       |   7 +-
 .../UpdateMyProfileTab.tsx}                   |   7 +-
 .../updateProfile.graphql                     |   0
 .../pages/ProfilePage/AboutCard/AboutCard.tsx |  12 ++-
 .../CommentsSettingsCard.tsx                  | 102 ------------------
 .../pages/ProfilePage/ProfilePage.tsx         |   1 -
 .../ProfilePage/StoriesCard/StoriesCard.tsx   |   5 +-
 .../pages/HottestPage/HottestPage.tsx         |   2 +-
 src/mocks/data/users.ts                       |   2 +-
 src/utils/helperFunctions.tsx                 |   2 +
 24 files changed, 238 insertions(+), 149 deletions(-)
 create mode 100644 src/Components/Card/Card.stories.tsx
 create mode 100644 src/Components/Card/Card.tsx
 rename src/features/Profiles/pages/{ProfilePage => EditProfilePage/PreferencesTab}/CommentsSettingsCard/CommentsSettingsCard.stories.tsx (100%)
 create mode 100644 src/features/Profiles/pages/EditProfilePage/PreferencesTab/CommentsSettingsCard/CommentsSettingsCard.tsx
 create mode 100644 src/features/Profiles/pages/EditProfilePage/PreferencesTab/PreferencesTab.tsx
 rename src/features/Profiles/pages/EditProfilePage/{UpdateMyProfileCard/UpdateMyProfileCard.tsx => UpdateMyProfileTab/UpdateMyProfileTab.tsx} (98%)
 rename src/features/Profiles/pages/EditProfilePage/{UpdateMyProfileCard => UpdateMyProfileTab}/updateProfile.graphql (100%)
 delete mode 100644 src/features/Profiles/pages/ProfilePage/CommentsSettingsCard/CommentsSettingsCard.tsx

diff --git a/src/Components/Card/Card.stories.tsx b/src/Components/Card/Card.stories.tsx
new file mode 100644
index 0000000..2cc58a4
--- /dev/null
+++ b/src/Components/Card/Card.stories.tsx
@@ -0,0 +1,23 @@
+import { ComponentStory, ComponentMeta } from '@storybook/react';
+
+import Card from './Card';
+
+export default {
+    title: 'Shared/Card',
+    component: Card,
+    argTypes: {
+        backgroundColor: { control: 'color' },
+    },
+} as ComponentMeta<typeof Card>;
+
+
+const Template: ComponentStory<typeof Card> = (args) => <Card {...args} > <p className="text-body4 text-gray-700">Lorem ipsum dolor sit amet consectetur, adipisicing elit. Voluptas corrupti molestias, accusantium porro vitae mollitia voluptatibus omnis. Itaque assumenda minus cum reprehenderit sit, cupiditate, impedit doloribus ad modi corporis maiores. Corrupti praesentium, dolor vero veniam suscipit architecto accusamus beatae minus iste sed ea harum aperiam quibusdam fugiat molestias dolores magni!</p>
+</Card>
+
+export const Default = Template.bind({});
+
+
+export const Primary = Template.bind({});
+Primary.args = {
+    onlyMd: true
+}
diff --git a/src/Components/Card/Card.tsx b/src/Components/Card/Card.tsx
new file mode 100644
index 0000000..edc6123
--- /dev/null
+++ b/src/Components/Card/Card.tsx
@@ -0,0 +1,33 @@
+
+import React, { PropsWithChildren } from 'react'
+
+interface Props extends React.ComponentPropsWithoutRef<'div'> {
+    onlyMd?: boolean;
+    defaultPadding?: boolean
+
+}
+
+const Card = React.forwardRef<HTMLDivElement, PropsWithChildren<Props>>(({
+    onlyMd = false,
+    defaultPadding = true,
+    className,
+    ...props
+}, ref) => {
+
+
+    return (
+        <div
+            {...props}
+            ref={ref}
+            className={`
+            ${onlyMd ?
+                    `md:bg-white md:rounded-16 md:border-2 border-gray-200 ${defaultPadding && "md:p-24"}` :
+                    `bg-white rounded-12 md:rounded-16 border-2 border-gray-200 ${defaultPadding && "p-16 md:p-24"}`
+                }
+            ${className}
+            `}
+        ></div>
+    )
+})
+
+export default Card;
\ No newline at end of file
diff --git a/src/features/Posts/Components/Comments/CommentCard/CommentCard.tsx b/src/features/Posts/Components/Comments/CommentCard/CommentCard.tsx
index 8005b24..30055a9 100644
--- a/src/features/Posts/Components/Comments/CommentCard/CommentCard.tsx
+++ b/src/features/Posts/Components/Comments/CommentCard/CommentCard.tsx
@@ -7,6 +7,7 @@ import DOMPurify from 'dompurify';
 import { Vote_Item_Type } from "src/graphql";
 import { useVote } from "src/utils/hooks";
 import { useState } from "react";
+import Card from "src/Components/Card/Card";
 
 
 interface Props {
@@ -25,13 +26,12 @@ export default function CommentCard({ comment, canReply, onReply }: Props) {
     });
 
     return (
-        <div className="border-2 border-gray-200 rounded-12 md:rounded-16 p-24">
+        <Card>
             <Header author={comment.author} date={new Date(comment.created_at).toISOString()} />
             <div
                 className="text-body4 mt-16 whitespace-pre-line"
                 dangerouslySetInnerHTML={{ __html: DOMPurify.sanitize(marked.parse(comment.body)) }}
             >
-
             </div>
             <div className="flex gap-24 mt-16 items-center">
                 <VoteButton
@@ -46,6 +46,6 @@ export default function CommentCard({ comment, canReply, onReply }: Props) {
                     <BiComment /> <span className="align-middle text-body5">Reply</span>
                 </button>}
             </div>
-        </div>
+        </Card>
     )
 }
diff --git a/src/features/Posts/Components/Comments/CommentsSection/CommentsSection.tsx b/src/features/Posts/Components/Comments/CommentsSection/CommentsSection.tsx
index 2dbce3d..f35d36b 100644
--- a/src/features/Posts/Components/Comments/CommentsSection/CommentsSection.tsx
+++ b/src/features/Posts/Components/Comments/CommentsSection/CommentsSection.tsx
@@ -10,6 +10,7 @@ import { AiOutlineClose } from 'react-icons/ai'
 import { Link, useLocation } from 'react-router-dom'
 import { createRoute, PAGES_ROUTES } from 'src/utils/routing'
 import Preferences from 'src/services/preferences.service'
+import Card from 'src/Components/Card/Card';
 
 // const createWorker = createWorkerFactory(() => import('./comments.worker'));
 
@@ -44,8 +45,7 @@ export default function CommentsSection({ type, id }: Props) {
 
 
   return (
-    <div className="md:border-2 border-gray-200 rounded-12 md:rounded-16 md:p-32 bg-white">
-
+    <Card onlyMd>
       <div className="flex flex-wrap justify-between">
         <h6 className="text-body2 font-bolder">Discussion</h6>
         {connectionStatus.status === 'Connected' && <div className="bg-green-50 text-green-500 text-body5 font-medium py-4 px-12 rounded-48"> &#8226; <span className="hidden md:inline">Connected to {connectionStatus.connectedRelaysCount} relays</span> 📡</div>}
@@ -88,6 +88,6 @@ export default function CommentsSection({ type, id }: Props) {
             onReply={content => handleNewComment(content, comment.nostr_id.toString())}
           />)}
       </div>
-    </div>
+    </Card>
   )
 }
diff --git a/src/features/Posts/Components/PostCard/StoryCard/StoryCard.tsx b/src/features/Posts/Components/PostCard/StoryCard/StoryCard.tsx
index fb5813a..286a316 100644
--- a/src/features/Posts/Components/PostCard/StoryCard/StoryCard.tsx
+++ b/src/features/Posts/Components/PostCard/StoryCard/StoryCard.tsx
@@ -7,6 +7,7 @@ import { Author, Tag, Vote_Item_Type } from 'src/graphql';
 import Badge from "src/Components/Badge/Badge"
 import { createRoute } from "src/utils/routing"
 import { BiComment } from "react-icons/bi"
+import Card from "src/Components/Card/Card"
 
 
 export type StoryCardType = Pick<Story,
@@ -34,7 +35,7 @@ export default function StoryCard({ story }: Props) {
     });
 
     return (
-        <div className="bg-white rounded-12 overflow-hidden border-2 border-gray-200">
+        <Card className="overflow-hidden" defaultPadding={false}>
             {story.cover_image && <img src={story.cover_image} className='h-[200px] w-full object-cover' alt="" />}
             <div className="p-24">
                 <Header author={story.author} date={story.createdAt} />
@@ -56,6 +57,7 @@ export default function StoryCard({ story }: Props) {
                     </div>
                 </div>
             </div>
-        </div>
+
+        </Card>
     )
 }
diff --git a/src/features/Posts/Components/TrendingCard/TrendingCard.tsx b/src/features/Posts/Components/TrendingCard/TrendingCard.tsx
index f411466..99f5cfd 100644
--- a/src/features/Posts/Components/TrendingCard/TrendingCard.tsx
+++ b/src/features/Posts/Components/TrendingCard/TrendingCard.tsx
@@ -1,5 +1,6 @@
 import Skeleton from 'react-loading-skeleton'
 import { Link } from 'react-router-dom'
+import Card from 'src/Components/Card/Card'
 import Avatar from 'src/features/Profiles/Components/Avatar/Avatar'
 import { useTrendingPostsQuery } from 'src/graphql'
 import { random } from 'src/utils/helperFunctions'
@@ -12,7 +13,7 @@ export default function TrendingCard() {
 
 
     return (
-        <div className="bg-white rounded-12 md:border-2 border-gray-200 md:p-16">
+        <Card onlyMd>
             <h3 className="text-body2 font-bolder mb-16">Trending on BOLT.FUN</h3>
             <ul className='flex flex-col'>
                 {
@@ -34,6 +35,6 @@ export default function TrendingCard() {
                         }
                         )}
             </ul>
-        </div>
+        </Card>
     )
 }
diff --git a/src/features/Posts/pages/FeedPage/PopularTagsFilter/PopularTagsFilter.tsx b/src/features/Posts/pages/FeedPage/PopularTagsFilter/PopularTagsFilter.tsx
index e1e9baa..b52c5e5 100644
--- a/src/features/Posts/pages/FeedPage/PopularTagsFilter/PopularTagsFilter.tsx
+++ b/src/features/Posts/pages/FeedPage/PopularTagsFilter/PopularTagsFilter.tsx
@@ -4,6 +4,7 @@ import Slider from 'src/Components/Slider/Slider';
 import { Tag, usePopularTagsQuery } from 'src/graphql';
 import { MEDIA_QUERIES } from 'src/utils/theme';
 import { capitalize } from 'src/utils/helperFunctions';
+import Card from 'src/Components/Card/Card';
 
 export type FilterTag = Pick<Tag, 'id' | 'title' | "icon">
 
@@ -30,7 +31,8 @@ export default function PopularTagsFilter({ value, onChange }: Props) {
     return (
         <div className='overflow-hidden'>
             {isMdScreen ?
-                <div className='bg-white border-2 border-gray-200 rounded-12 p-16'>
+                <Card>
+
                     <p className="text-body2 font-bolder text-black mb-16">Popular Tags</p>
                     <ul className=' flex flex-col gap-16'>
                         {tagsQuery.loading ?
@@ -60,7 +62,8 @@ export default function PopularTagsFilter({ value, onChange }: Props) {
                                 </span>
                             </li>)}
                     </ul>
-                </div>
+
+                </Card>
                 :
                 <>
                     {
diff --git a/src/features/Posts/pages/PostDetailsPage/Components/AuthorCard/AuthorCard.tsx b/src/features/Posts/pages/PostDetailsPage/Components/AuthorCard/AuthorCard.tsx
index 8a79f61..aa7b86a 100644
--- a/src/features/Posts/pages/PostDetailsPage/Components/AuthorCard/AuthorCard.tsx
+++ b/src/features/Posts/pages/PostDetailsPage/Components/AuthorCard/AuthorCard.tsx
@@ -1,6 +1,7 @@
 import dayjs from "dayjs";
 import { Link } from "react-router-dom";
 import Button from "src/Components/Button/Button";
+import Card from "src/Components/Card/Card";
 import { Author } from "src/features/Posts/types";
 import Avatar from "src/features/Profiles/Components/Avatar/Avatar";
 import { trimText } from "src/utils/helperFunctions";
@@ -16,7 +17,7 @@ interface Props {
 
 export default function AuthorCard({ author }: Props) {
     return (
-        <div className="bg-white p-16 border-2 border-gray-200 rounded-12">
+        <Card>
             <div className='flex gap-8'>
                 <Avatar width={48} src={author.avatar} />
                 <div className="overflow-hidden">
@@ -31,6 +32,6 @@ export default function AuthorCard({ author }: Props) {
                 className="mt-16">
                 Maker's Profile
             </Button>
-        </div>
+        </Card>
     )
 }
diff --git a/src/features/Posts/pages/PostDetailsPage/Components/StoryPageContent/StoryPageContent.tsx b/src/features/Posts/pages/PostDetailsPage/Components/StoryPageContent/StoryPageContent.tsx
index 4a3de4b..810bd82 100644
--- a/src/features/Posts/pages/PostDetailsPage/Components/StoryPageContent/StoryPageContent.tsx
+++ b/src/features/Posts/pages/PostDetailsPage/Components/StoryPageContent/StoryPageContent.tsx
@@ -9,6 +9,7 @@ import { useAppSelector } from "src/utils/hooks";
 import { useUpdateStory } from './useUpdateStory'
 import { FaPen } from "react-icons/fa";
 import DOMPurify from 'dompurify';
+import Card from "src/Components/Card/Card";
 
 
 interface Props {
@@ -26,9 +27,8 @@ export default function StoryPageContent({ story }: Props) {
 
     return (
         <>
-            <div id="content" className="bg-white md:p-32 md:border-2 border-gray-200 rounded-16 relative">
-
-
+            <div id="content" className="bg-white md:p-32 md:border-2 border-gray-200 rounded-16 relative"> </div>
+            <Card id="content" onlyMd className="relative">
                 {story.cover_image &&
                     <img src={story.cover_image}
                         className='w-full object-cover rounded-12 md:rounded-16 mb-16'
@@ -72,7 +72,8 @@ export default function StoryPageContent({ story }: Props) {
                     dangerouslySetInnerHTML={{ __html: DOMPurify.sanitize(marked.parse(story.body)) }}
                 >
                 </div>
-            </div>
+
+            </Card>
             {/* <div id="comments" className="mt-10 comments_col">
                 <CommentsSection comments={story.comments} />
             </div> */}
diff --git a/src/features/Profiles/pages/EditProfilePage/AccountCard/AccountCard.tsx b/src/features/Profiles/pages/EditProfilePage/AccountCard/AccountCard.tsx
index b27b49e..d423710 100644
--- a/src/features/Profiles/pages/EditProfilePage/AccountCard/AccountCard.tsx
+++ b/src/features/Profiles/pages/EditProfilePage/AccountCard/AccountCard.tsx
@@ -1,6 +1,7 @@
 import Button from 'src/Components/Button/Button';
 import { useAppDispatch } from 'src/utils/hooks';
 import { openModal } from 'src/redux/features/modals.slice';
+import Card from 'src/Components/Card/Card';
 
 
 interface Props {
@@ -17,10 +18,8 @@ export default function AccountCard({ }: Props) {
 
 
     return (
-        <div className="rounded-16 bg-white border-2 border-gray-200 p-24">
-            <p className="text-body2 font-bold">Account Settings</p>
-
-
+        <Card>
+            <p className="text-body2 font-bold">🔒 Linking Accounts</p>
             <div className='mt-24 flex flex-col gap-16'>
                 <p className="text-body3 font-bold">Linked Wallets</p>
                 <p className="text-body4 text-gray-600">
@@ -32,8 +31,6 @@ export default function AccountCard({ }: Props) {
                     Connect new wallet ⚡
                 </Button>
             </div>
-
-
-        </div>
+        </Card>
     )
 }
diff --git a/src/features/Profiles/pages/EditProfilePage/EditProfilePage.tsx b/src/features/Profiles/pages/EditProfilePage/EditProfilePage.tsx
index cbfc3fa..380a716 100644
--- a/src/features/Profiles/pages/EditProfilePage/EditProfilePage.tsx
+++ b/src/features/Profiles/pages/EditProfilePage/EditProfilePage.tsx
@@ -4,11 +4,12 @@ import NotFoundPage from "src/features/Shared/pages/NotFoundPage/NotFoundPage";
 import Slider from "src/Components/Slider/Slider";
 import { useProfileQuery } from "src/graphql";
 import { useAppSelector, useMediaQuery } from "src/utils/hooks";
-import CommentsSettingsCard from "../ProfilePage/CommentsSettingsCard/CommentsSettingsCard";
-import UpdateMyProfileCard from "./UpdateMyProfileCard/UpdateMyProfileCard";
+import UpdateMyProfileTab from "./UpdateMyProfileTab/UpdateMyProfileTab";
 import { Helmet } from 'react-helmet'
 import { MEDIA_QUERIES } from "src/utils/theme";
 import AccountCard from "./AccountCard/AccountCard";
+import PreferencesTab from "./PreferencesTab/PreferencesTab";
+import Card from "src/Components/Card/Card";
 
 
 const links = [
@@ -56,7 +57,7 @@ export default function EditProfilePage() {
             <div className="page-container grid grid-cols-1 md:grid-cols-4 gap-24">
                 <aside>
                     {isMediumScreen ?
-                        <div className='bg-white border-2 border-gray-200 rounded-12 p-16 sticky-side-element' >
+                        <Card className="sticky-side-element">
                             <p className="text-body2 font-bolder text-black mb-16">Edit maker profile</p>
                             <ul className=' flex flex-col gap-8'>
                                 {links.map((link, idx) =>
@@ -72,7 +73,7 @@ export default function EditProfilePage() {
                                         </NavLink>
                                     </li>)}
                             </ul>
-                        </div>
+                        </Card>
                         :
                         <div className="border-b-2 border-gray-200">
                             <Slider>
@@ -96,9 +97,9 @@ export default function EditProfilePage() {
                 <main className="md:col-span-3">
                     <Routes>
                         <Route index element={<Navigate to='my-profile' />} />
-                        <Route path='my-profile' element={<UpdateMyProfileCard data={profileQuery.data.profile} />} />
+                        <Route path='my-profile' element={<UpdateMyProfileTab data={profileQuery.data.profile} />} />
                         <Route path='account' element={<AccountCard />} />
-                        <Route path='preferences' element={<CommentsSettingsCard nostr_prv_key={profileQuery.data.profile.nostr_prv_key} nostr_pub_key={profileQuery.data.profile.nostr_pub_key} isOwner={true} />
+                        <Route path='preferences' element={<PreferencesTab nostr_prv_key={profileQuery.data.profile.nostr_prv_key} nostr_pub_key={profileQuery.data.profile.nostr_pub_key} isOwner={true} />
                         } />
                     </Routes>
                 </main>
diff --git a/src/features/Profiles/pages/ProfilePage/CommentsSettingsCard/CommentsSettingsCard.stories.tsx b/src/features/Profiles/pages/EditProfilePage/PreferencesTab/CommentsSettingsCard/CommentsSettingsCard.stories.tsx
similarity index 100%
rename from src/features/Profiles/pages/ProfilePage/CommentsSettingsCard/CommentsSettingsCard.stories.tsx
rename to src/features/Profiles/pages/EditProfilePage/PreferencesTab/CommentsSettingsCard/CommentsSettingsCard.stories.tsx
diff --git a/src/features/Profiles/pages/EditProfilePage/PreferencesTab/CommentsSettingsCard/CommentsSettingsCard.tsx b/src/features/Profiles/pages/EditProfilePage/PreferencesTab/CommentsSettingsCard/CommentsSettingsCard.tsx
new file mode 100644
index 0000000..33f7a0b
--- /dev/null
+++ b/src/features/Profiles/pages/EditProfilePage/PreferencesTab/CommentsSettingsCard/CommentsSettingsCard.tsx
@@ -0,0 +1,102 @@
+import { useToggle } from '@react-hookz/web'
+import { FaChevronDown } from 'react-icons/fa';
+import { Nullable } from 'remirror';
+import Button from 'src/Components/Button/Button';
+import CopyToClipboard from 'src/Components/CopyToClipboard/CopyToClipboard';
+import IconButton from 'src/Components/IconButton/IconButton';
+import { CONSTS } from 'src/utils';
+import { motion } from "framer-motion";
+import Card from 'src/Components/Card/Card';
+
+
+interface Props {
+    nostr_pub_key: Nullable<string>;
+    nostr_prv_key: Nullable<string>;
+
+}
+
+export default function CommentsSettingsCard({ nostr_prv_key, nostr_pub_key }: Props) {
+
+    const [relaysDropdownOpen, toggleRelaysDropdownOpen] = useToggle(false)
+
+
+    return (
+        <Card>
+
+            <p className="text-body2 font-bold">💬 Nostr comments <span className="bg-green-50 text-green-500 text-body5 font-medium py-4 px-12 rounded-48 ml-8">Experimental</span></p>
+            <p className="mt-8 text-body4 text-gray-600">
+                Our commenting system is experimental and uses Nostr to store and relay your messages and replies to our own relay, as well as relays ran by other people in the community.
+                We generate Nostr keys for you since there are no popular wallets which support it.
+            </p>
+
+            <div className='mt-24 flex flex-col gap-16'>
+                <p className="text-body3 font-bold">Nostr keys</p>
+                {nostr_prv_key && <div>
+                    <p className="text-body5 font-bold">
+                        Your Nostr Private Key
+                    </p>
+                    <div className="input-wrapper mt-8 relative">
+                        <input
+                            type={'password'}
+                            className="input-text"
+                            defaultValue={nostr_prv_key}
+                            readOnly
+                        />
+
+                        <CopyToClipboard text={nostr_prv_key} />
+                    </div>
+                </div>}
+                <div>
+                    <p className="text-body5 font-bold">
+                        Your Nostr Public Key
+                    </p>
+                    <div className="input-wrapper mt-8 relative">
+                        <input
+                            type='text'
+                            className="input-text"
+                            defaultValue={nostr_pub_key!}
+                            readOnly
+                        />
+                        <CopyToClipboard text={nostr_pub_key ?? ''} />
+                    </div>
+                </div>
+
+            </div>
+
+            {/* <p className="text-body4 font-bold mt-24">
+                Connect your Nostr identity
+            </p>
+            <div className="mt-8 py-12 relative">
+                <p className="text-body4 text-gray-400 font-bold">
+                    🚧 Coming Soon 🚧
+                </p>
+            </div> */}
+            <div className='mt-24'>
+                <div className="flex justify-between">
+                    <p className="text-body4 font-bold">
+                        Nostr relays
+                    </p>
+                    <IconButton onClick={() => toggleRelaysDropdownOpen()}>
+                        <motion.div
+                            animate={{ rotate: relaysDropdownOpen ? 180 : 0 }}
+                        >
+                            <FaChevronDown />
+                        </motion.div>
+                    </IconButton>
+                </div>
+                {relaysDropdownOpen &&
+                    <motion.ul
+                        initial={{ y: '-50%', opacity: 0 }}
+                        animate={{ y: '0', opacity: 1 }}
+                        className="mt-8 relative flex flex-col gap-8">
+                        {CONSTS.DEFAULT_RELAYS.map((url, idx) => <li key={idx} className="text-body4 border-b py-12 px-16 border border-gray-200 rounded-16">{url}</li>)}
+                    </motion.ul>}
+            </div>
+
+            <Button color='gray' fullWidth disabled className='mt-24'>
+                Connect your Nostr ID (coming soon)
+            </Button>
+
+        </Card>
+    )
+}
diff --git a/src/features/Profiles/pages/EditProfilePage/PreferencesTab/PreferencesTab.tsx b/src/features/Profiles/pages/EditProfilePage/PreferencesTab/PreferencesTab.tsx
new file mode 100644
index 0000000..2711363
--- /dev/null
+++ b/src/features/Profiles/pages/EditProfilePage/PreferencesTab/PreferencesTab.tsx
@@ -0,0 +1,21 @@
+import { Nullable } from 'remirror';
+import CommentsSettingsCard from './CommentsSettingsCard/CommentsSettingsCard';
+
+
+interface Props {
+    isOwner?: boolean;
+    nostr_pub_key: Nullable<string>;
+    nostr_prv_key: Nullable<string>;
+
+}
+
+export default function PreferencesTab({ nostr_prv_key, nostr_pub_key, isOwner }: Props) {
+
+    return (
+        <div className="grid grid-cols-1 md:grid-cols-3 gap-24">
+            <div className="col-span-2">
+                <CommentsSettingsCard nostr_prv_key={nostr_prv_key} nostr_pub_key={nostr_pub_key} />
+            </div>
+        </div>
+    )
+}
diff --git a/src/features/Profiles/pages/EditProfilePage/SaveChangesCard/SaveChangesCard.tsx b/src/features/Profiles/pages/EditProfilePage/SaveChangesCard/SaveChangesCard.tsx
index 3f83f80..3f616c7 100644
--- a/src/features/Profiles/pages/EditProfilePage/SaveChangesCard/SaveChangesCard.tsx
+++ b/src/features/Profiles/pages/EditProfilePage/SaveChangesCard/SaveChangesCard.tsx
@@ -1,6 +1,7 @@
 import React from 'react'
 import { Link } from 'react-router-dom'
 import Button from 'src/Components/Button/Button'
+import Card from 'src/Components/Card/Card'
 import Avatar from 'src/features/Profiles/Components/Avatar/Avatar'
 import { useProfileQuery } from 'src/graphql'
 import { trimText } from 'src/utils/helperFunctions'
@@ -33,7 +34,7 @@ export default function SaveChangesCard(props: Props) {
     }
 
     return (
-        <div className="md:p-24 rounded-16 bg-white md:border-2 border-gray-200 flex flex-col gap-24">
+        <Card onlyMd className='flex flex-col gap-24'>
             <div className='hidden md:flex gap-8'>
                 <Link
                     className='shrink-0'
@@ -49,7 +50,7 @@ export default function SaveChangesCard(props: Props) {
             </p>} */}
             </div>
             <p className="hidden md:block text-body5">{trimText(profileQuery.data.profile.bio, 120)}</p>
-            <div className="flex md:flex-col gap-16 justify-end">
+            <div className="flex flex-col gap-16">
                 <Button
                     color="primary"
                     onClick={props.onSubmit}
@@ -65,6 +66,6 @@ export default function SaveChangesCard(props: Props) {
                     Cancel
                 </Button>
             </div>
-        </div>
+        </Card>
     )
 }
diff --git a/src/features/Profiles/pages/EditProfilePage/UpdateMyProfileCard/UpdateMyProfileCard.tsx b/src/features/Profiles/pages/EditProfilePage/UpdateMyProfileTab/UpdateMyProfileTab.tsx
similarity index 98%
rename from src/features/Profiles/pages/EditProfilePage/UpdateMyProfileCard/UpdateMyProfileCard.tsx
rename to src/features/Profiles/pages/EditProfilePage/UpdateMyProfileTab/UpdateMyProfileTab.tsx
index 428c6c8..42fda77 100644
--- a/src/features/Profiles/pages/EditProfilePage/UpdateMyProfileCard/UpdateMyProfileCard.tsx
+++ b/src/features/Profiles/pages/EditProfilePage/UpdateMyProfileTab/UpdateMyProfileTab.tsx
@@ -8,6 +8,7 @@ import Avatar from "src/features/Profiles/Components/Avatar/Avatar";
 import { usePrompt } from "src/utils/hooks";
 import SaveChangesCard from "../SaveChangesCard/SaveChangesCard";
 import { toast } from "react-toastify";
+import Card from "src/Components/Card/Card";
 
 interface Props {
     data: Pick<User,
@@ -62,7 +63,7 @@ const schema: yup.SchemaOf<IFormInputs> = yup.object({
 
 }).required();
 
-export default function UpdateMyProfileCard({ data, onClose }: Props) {
+export default function UpdateMyProfileTab({ data, onClose }: Props) {
 
     const { register, formState: { errors, isDirty, }, handleSubmit, reset } = useForm<IFormInputs>({
         defaultValues: data,
@@ -110,7 +111,7 @@ export default function UpdateMyProfileCard({ data, onClose }: Props) {
 
     return (
         <div className="grid grid-cols-1 md:grid-cols-3 gap-24">
-            <div className="col-span-2 rounded-16 bg-white border-2 border-gray-200">
+            <Card className="md:col-span-2">
                 <div className="bg-gray-600 relative h-[160px] rounded-t-16">
                     <div className="absolute left-24 bottom-0 translate-y-1/2">
                         <Avatar src={data.avatar} width={120} />
@@ -274,7 +275,7 @@ export default function UpdateMyProfileCard({ data, onClose }: Props) {
                         </p>
                     </form>
                 </div>
-            </div>
+            </Card>
             <div className="self-start sticky-side-element">
                 <SaveChangesCard
                     isLoading={mutationStatus.loading}
diff --git a/src/features/Profiles/pages/EditProfilePage/UpdateMyProfileCard/updateProfile.graphql b/src/features/Profiles/pages/EditProfilePage/UpdateMyProfileTab/updateProfile.graphql
similarity index 100%
rename from src/features/Profiles/pages/EditProfilePage/UpdateMyProfileCard/updateProfile.graphql
rename to src/features/Profiles/pages/EditProfilePage/UpdateMyProfileTab/updateProfile.graphql
diff --git a/src/features/Profiles/pages/ProfilePage/AboutCard/AboutCard.tsx b/src/features/Profiles/pages/ProfilePage/AboutCard/AboutCard.tsx
index 76aa32d..8be108c 100644
--- a/src/features/Profiles/pages/ProfilePage/AboutCard/AboutCard.tsx
+++ b/src/features/Profiles/pages/ProfilePage/AboutCard/AboutCard.tsx
@@ -3,7 +3,7 @@ import { User } from "src/graphql"
 import { trimText, withHttp } from "src/utils/helperFunctions"
 import { FiGithub, FiGlobe, FiLinkedin, FiTwitter } from 'react-icons/fi'
 import Button from "src/Components/Button/Button";
-import { PAGES_ROUTES } from "src/utils/routing";
+import Card from "src/Components/Card/Card";
 
 interface Props {
     isOwner?: boolean;
@@ -53,7 +53,8 @@ export default function AboutCard({ user, isOwner }: Props) {
 
 
     return (
-        <div className="rounded-16 bg-white border-2 border-gray-200">
+        <Card defaultPadding={false}>
+
             <div className="bg-gray-600 relative h-[160px] rounded-t-16">
                 <div className="absolute left-24 bottom-0 translate-y-1/2">
                     <Avatar src={user.avatar} width={120} />
@@ -64,8 +65,8 @@ export default function AboutCard({ user, isOwner }: Props) {
             </div>
             <div className="p-24 pt-0">
                 <div className="flex flex-col gap-16">
-                    <h1 className="text-h2 font-bolder">
-                        {trimText(user.name, 20)}
+                    <h1 className="text-h2 font-bolder break-words">
+                        {user.name}
                     </h1>
 
                     {links.some(link => link.hasValue) && <div className="flex flex-wrap gap-16">
@@ -99,6 +100,7 @@ export default function AboutCard({ user, isOwner }: Props) {
                     </p>}
                 </div>
             </div>
-        </div>
+
+        </Card>
     )
 }
diff --git a/src/features/Profiles/pages/ProfilePage/CommentsSettingsCard/CommentsSettingsCard.tsx b/src/features/Profiles/pages/ProfilePage/CommentsSettingsCard/CommentsSettingsCard.tsx
deleted file mode 100644
index f48d164..0000000
--- a/src/features/Profiles/pages/ProfilePage/CommentsSettingsCard/CommentsSettingsCard.tsx
+++ /dev/null
@@ -1,102 +0,0 @@
-import { useToggle } from '@react-hookz/web'
-import { FaChevronDown } from 'react-icons/fa';
-import { Nullable } from 'remirror';
-import Button from 'src/Components/Button/Button';
-import CopyToClipboard from 'src/Components/CopyToClipboard/CopyToClipboard';
-import IconButton from 'src/Components/IconButton/IconButton';
-import { CONSTS } from 'src/utils';
-import { motion } from "framer-motion";
-
-
-interface Props {
-    isOwner?: boolean;
-    nostr_pub_key: Nullable<string>;
-    nostr_prv_key: Nullable<string>;
-
-}
-
-export default function CommentsSettingsCard({ nostr_prv_key, nostr_pub_key, isOwner }: Props) {
-
-    const [relaysDropdownOpen, toggleRelaysDropdownOpen] = useToggle(false)
-
-
-    return (
-        <div className="grid grid-cols-1 md:grid-cols-3 gap-24">
-            <div className="col-span-2 rounded-16 bg-white border-2 border-gray-200 p-24">
-                <p className="text-body2 font-bold">💬 Nostr comments <span className="bg-green-50 text-green-500 text-body5 font-medium py-4 px-12 rounded-48 ml-8">Experimental</span></p>
-                <p className="mt-8 text-body4 text-gray-600">
-                    Our commenting system is experimental and uses Nostr to store and relay your messages and replies to our own relay, as well as relays ran by other people in the community.
-                    We generate Nostr keys for you since there are no popular wallets which support it.
-                </p>
-
-                <div className='mt-24 flex flex-col gap-16'>
-                    <p className="text-body3 font-bold">Nostr keys</p>
-                    {nostr_prv_key && <div>
-                        <p className="text-body5 font-bold">
-                            Your Nostr Private Key
-                        </p>
-                        <div className="input-wrapper mt-8 relative">
-                            <input
-                                type={'password'}
-                                className="input-text"
-                                defaultValue={nostr_prv_key}
-                                readOnly
-                            />
-
-                            <CopyToClipboard text={nostr_prv_key} />
-                        </div>
-                    </div>}
-                    <div>
-                        <p className="text-body5 font-bold">
-                            Your Nostr Public Key
-                        </p>
-                        <div className="input-wrapper mt-8 relative">
-                            <input
-                                type='text'
-                                className="input-text"
-                                defaultValue={nostr_pub_key!}
-                                readOnly
-                            />
-                            <CopyToClipboard text={nostr_pub_key ?? ''} />
-                        </div>
-                    </div>
-
-                </div>
-
-                {/* <p className="text-body4 font-bold mt-24">
-                Connect your Nostr identity
-            </p>
-            <div className="mt-8 py-12 relative">
-                <p className="text-body4 text-gray-400 font-bold">
-                    🚧 Coming Soon 🚧
-                </p>
-            </div> */}
-                <div className='mt-24'>
-                    <div className="flex justify-between">
-                        <p className="text-body4 font-bold">
-                            Nostr relays
-                        </p>
-                        <IconButton onClick={() => toggleRelaysDropdownOpen()}>
-                            <motion.div
-                                animate={{ rotate: relaysDropdownOpen ? 180 : 0 }}
-                            >
-                                <FaChevronDown />
-                            </motion.div>
-                        </IconButton>
-                    </div>
-                    {relaysDropdownOpen &&
-                        <motion.ul
-                            initial={{ y: '-50%', opacity: 0 }}
-                            animate={{ y: '0', opacity: 1 }}
-                            className="mt-8 relative flex flex-col gap-8">
-                            {CONSTS.DEFAULT_RELAYS.map((url, idx) => <li key={idx} className="text-body4 border-b py-12 px-16 border border-gray-200 rounded-16">{url}</li>)}
-                        </motion.ul>}
-                </div>
-
-                <Button color='gray' fullWidth disabled className='mt-24'>
-                    Connect your Nostr ID (coming soon)
-                </Button>
-            </div>
-        </div>
-    )
-}
diff --git a/src/features/Profiles/pages/ProfilePage/ProfilePage.tsx b/src/features/Profiles/pages/ProfilePage/ProfilePage.tsx
index 58a265a..7cdd415 100644
--- a/src/features/Profiles/pages/ProfilePage/ProfilePage.tsx
+++ b/src/features/Profiles/pages/ProfilePage/ProfilePage.tsx
@@ -7,7 +7,6 @@ import { Helmet } from 'react-helmet'
 import { useAppSelector } from 'src/utils/hooks';
 import styles from './styles.module.scss'
 import StoriesCard from "./StoriesCard/StoriesCard"
-import CommentsSettingsCard from "./CommentsSettingsCard/CommentsSettingsCard"
 
 export default function ProfilePage() {
 
diff --git a/src/features/Profiles/pages/ProfilePage/StoriesCard/StoriesCard.tsx b/src/features/Profiles/pages/ProfilePage/StoriesCard/StoriesCard.tsx
index a94f72f..8dbe808 100644
--- a/src/features/Profiles/pages/ProfilePage/StoriesCard/StoriesCard.tsx
+++ b/src/features/Profiles/pages/ProfilePage/StoriesCard/StoriesCard.tsx
@@ -2,6 +2,7 @@ import React from 'react'
 import { Link } from 'react-router-dom'
 import Badge from 'src/Components/Badge/Badge'
 import Button from 'src/Components/Button/Button'
+import Card from 'src/Components/Card/Card'
 import { Story } from 'src/features/Posts/types'
 import { getDateDifference } from 'src/utils/helperFunctions'
 import { Tag } from 'src/utils/interfaces'
@@ -24,7 +25,7 @@ interface Props {
 
 export default function StoriesCard({ stories, isOwner }: Props) {
     return (
-        <div className="rounded-16 bg-white border-2 border-gray-200 p-24">
+        <Card>
             <p className="text-body2 font-bold">Stories ({stories.length})</p>
             {stories.length > 0 &&
                 <ul className="">
@@ -64,6 +65,6 @@ export default function StoriesCard({ stories, isOwner }: Props) {
                     </Button>}
                 </div>
             }
-        </div>
+        </Card>
     )
 }
diff --git a/src/features/Projects/pages/HottestPage/HottestPage.tsx b/src/features/Projects/pages/HottestPage/HottestPage.tsx
index 02f55f1..f265f73 100644
--- a/src/features/Projects/pages/HottestPage/HottestPage.tsx
+++ b/src/features/Projects/pages/HottestPage/HottestPage.tsx
@@ -24,7 +24,7 @@ export default function HottestPage() {
                 <title>{`Hottest Lightning Products`}</title>
                 <meta property="og:title" content={`Hottest Lightning Products`} />
             </Helmet>
-            <div className='px-32'>
+            <div className='page-container'>
                 <HeaderImage
                     isLoading={loading}
                     title={"Hottest Projects"}
diff --git a/src/mocks/data/users.ts b/src/mocks/data/users.ts
index 0ab54d4..ac8f844 100644
--- a/src/mocks/data/users.ts
+++ b/src/mocks/data/users.ts
@@ -6,7 +6,7 @@ export const user: User = {
     email: "mtg0987654321@gmail.com",
     avatar: "https://avatars.dicebear.com/api/bottts/Mtgmtg.svg",
     bio: "Lorem asiop asklh kluiw wekjhl shkj kljhsva klu khsc klhlkbs mjklwqr kmlk sadlfui mewr qiumnk, asdjomi cskhsdf.",
-    name: "Mtg",
+    name: "123123124asdfsadfsa8d7fsadfasdf",
     github: "MTG2000",
     jobTitle: "Front-end Web Developer",
     join_date: new Date(2021).toISOString(),
diff --git a/src/utils/helperFunctions.tsx b/src/utils/helperFunctions.tsx
index f842ac8..1703ba0 100644
--- a/src/utils/helperFunctions.tsx
+++ b/src/utils/helperFunctions.tsx
@@ -62,6 +62,8 @@ export function lazyModal<T extends ComponentType<any>>
 }
 
 export function trimText(text: string | undefined | null, length: number) {
+  console.log(text);
+
   if (!text) return '';
   return text.slice(0, length) + (text.length > length ? "..." : "")
 }

From e239abf031d3b9d66a528c9fc23ef79960afa727 Mon Sep 17 00:00:00 2001
From: MTG2000 <mtg0987654321@gmail.com>
Date: Mon, 15 Aug 2022 10:08:52 +0300
Subject: [PATCH 35/42] fix: remove default padding form edit-profile card

---
 .../EditProfilePage/UpdateMyProfileTab/UpdateMyProfileTab.tsx   | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/features/Profiles/pages/EditProfilePage/UpdateMyProfileTab/UpdateMyProfileTab.tsx b/src/features/Profiles/pages/EditProfilePage/UpdateMyProfileTab/UpdateMyProfileTab.tsx
index 42fda77..9f354a6 100644
--- a/src/features/Profiles/pages/EditProfilePage/UpdateMyProfileTab/UpdateMyProfileTab.tsx
+++ b/src/features/Profiles/pages/EditProfilePage/UpdateMyProfileTab/UpdateMyProfileTab.tsx
@@ -111,7 +111,7 @@ export default function UpdateMyProfileTab({ data, onClose }: Props) {
 
     return (
         <div className="grid grid-cols-1 md:grid-cols-3 gap-24">
-            <Card className="md:col-span-2">
+            <Card className="md:col-span-2" defaultPadding={false}>
                 <div className="bg-gray-600 relative h-[160px] rounded-t-16">
                     <div className="absolute left-24 bottom-0 translate-y-1/2">
                         <Avatar src={data.avatar} width={120} />

From 3c9af29efc9dce844b391c0a7880057553536741 Mon Sep 17 00:00:00 2001
From: MTG2000 <mtg0987654321@gmail.com>
Date: Tue, 16 Aug 2022 15:49:51 +0300
Subject: [PATCH 36/42] fix: profile menu alignment, lazy load comments
 section, remove log from trimFunc

---
 src/Components/Navbar/NavDesktop.tsx                |  2 ++
 src/Components/Navbar/NavMobile.tsx                 |  2 ++
 src/Components/Navbar/Navbar.tsx                    |  1 +
 src/features/Posts/Components/Comments/index.tsx    |  2 +-
 .../QuestionPageContent/QuestionPageContent.tsx     |  3 ++-
 .../Posts/pages/PostDetailsPage/PostDetailsPage.tsx | 13 +++++++++----
 src/utils/helperFunctions.tsx                       |  2 --
 7 files changed, 17 insertions(+), 8 deletions(-)

diff --git a/src/Components/Navbar/NavDesktop.tsx b/src/Components/Navbar/NavDesktop.tsx
index 2b2d625..5bbc318 100644
--- a/src/Components/Navbar/NavDesktop.tsx
+++ b/src/Components/Navbar/NavDesktop.tsx
@@ -166,6 +166,8 @@ export default function NavDesktop() {
                 {curUser !== undefined &&
                     (curUser ?
                         <Menu
+                            align="end"
+                            offsetY={4}
                             menuClassName='!p-8 !rounded-12'
                             menuButton={<MenuButton ><Avatar src={curUser.avatar} width={40} /> </MenuButton>}>
                             <MenuItem
diff --git a/src/Components/Navbar/NavMobile.tsx b/src/Components/Navbar/NavMobile.tsx
index 3ed8a1d..08fadad 100644
--- a/src/Components/Navbar/NavMobile.tsx
+++ b/src/Components/Navbar/NavMobile.tsx
@@ -93,6 +93,8 @@ export default function NavMobile() {
             {curUser ?
 
               <Menu
+                align="end"
+                offsetY={4}
                 menuClassName='!p-8 !rounded-12'
                 menuButton={<MenuButton ><Avatar src={curUser.avatar} width={32} /> </MenuButton>}>
                 <MenuItem
diff --git a/src/Components/Navbar/Navbar.tsx b/src/Components/Navbar/Navbar.tsx
index b1d9f32..e871110 100644
--- a/src/Components/Navbar/Navbar.tsx
+++ b/src/Components/Navbar/Navbar.tsx
@@ -1,3 +1,4 @@
+
 import NavMobile from "./NavMobile";
 import { MdComment, MdHomeFilled, MdLocalFireDepartment } from "react-icons/md";
 import { useCallback, useEffect, } from "react";
diff --git a/src/features/Posts/Components/Comments/index.tsx b/src/features/Posts/Components/Comments/index.tsx
index d7f4694..2c748fc 100644
--- a/src/features/Posts/Components/Comments/index.tsx
+++ b/src/features/Posts/Components/Comments/index.tsx
@@ -1 +1 @@
-export { default as CommentsSection } from './CommentsSection/CommentsSection'
\ No newline at end of file
+export { default } from './CommentsSection/CommentsSection'
\ No newline at end of file
diff --git a/src/features/Posts/pages/PostDetailsPage/Components/QuestionPageContent/QuestionPageContent.tsx b/src/features/Posts/pages/PostDetailsPage/Components/QuestionPageContent/QuestionPageContent.tsx
index df7d528..22ef15d 100644
--- a/src/features/Posts/pages/PostDetailsPage/Components/QuestionPageContent/QuestionPageContent.tsx
+++ b/src/features/Posts/pages/PostDetailsPage/Components/QuestionPageContent/QuestionPageContent.tsx
@@ -5,9 +5,10 @@ import styles from '../PageContent/styles.module.scss'
 import Badge from "src/Components/Badge/Badge";
 import { BiComment } from "react-icons/bi";
 import { RiFlashlightLine } from "react-icons/ri";
-import { CommentsSection } from "src/features/Posts/Components/Comments";
 import { numberFormatter } from "src/utils/helperFunctions";
+import { lazy } from "react";
 
+const CommentsSection = lazy(() => import("src/features/Posts/Components/Comments"))
 
 interface Props {
     question: Question
diff --git a/src/features/Posts/pages/PostDetailsPage/PostDetailsPage.tsx b/src/features/Posts/pages/PostDetailsPage/PostDetailsPage.tsx
index 06c9417..a8875ee 100644
--- a/src/features/Posts/pages/PostDetailsPage/PostDetailsPage.tsx
+++ b/src/features/Posts/pages/PostDetailsPage/PostDetailsPage.tsx
@@ -4,15 +4,17 @@ import { useParams } from 'react-router-dom'
 import NotFoundPage from 'src/features/Shared/pages/NotFoundPage/NotFoundPage'
 import { Post_Type, usePostDetailsQuery } from 'src/graphql'
 import { capitalize } from 'src/utils/helperFunctions'
-import { CommentsSection } from '../../Components/Comments'
 import ScrollToTop from 'src/utils/routing/scrollToTop'
-import TrendingCard from '../../Components/TrendingCard/TrendingCard'
+import TrendingCard from 'src/features/Posts/Components/TrendingCard/TrendingCard'
 import AuthorCard from './Components/AuthorCard/AuthorCard'
 import PageContent from './Components/PageContent/PageContent'
 import PostActions from './Components/PostActions/PostActions'
 import PostDetailsPageSkeleton from './PostDetailsPage.skeleton'
 import styles from './styles.module.scss'
+import { lazy, Suspense } from 'react'
+import { RotatingLines } from 'react-loader-spinner'
 
+const CommentsSection = lazy(() => import("src/features/Posts/Components/Comments"))
 
 export default function PostDetailsPage() {
     const { type: _type, id } = useParams();
@@ -60,8 +62,11 @@ export default function PostDetailsPage() {
                     </div>
                 </aside>
                 <div id="comments">
-                    <CommentsSection id={post.id} type={type as Post_Type} />
-
+                    <Suspense fallback={
+                        <div className="flex justify-center py-32"><RotatingLines strokeColor='#ddd' width="64" /></div>
+                    }>
+                        <CommentsSection id={post.id} type={type as Post_Type} />
+                    </Suspense>
                     <div className="md:hidden mt-24"><TrendingCard /></div>
                 </div>
             </div>
diff --git a/src/utils/helperFunctions.tsx b/src/utils/helperFunctions.tsx
index 1703ba0..f842ac8 100644
--- a/src/utils/helperFunctions.tsx
+++ b/src/utils/helperFunctions.tsx
@@ -62,8 +62,6 @@ export function lazyModal<T extends ComponentType<any>>
 }
 
 export function trimText(text: string | undefined | null, length: number) {
-  console.log(text);
-
   if (!text) return '';
   return text.slice(0, length) + (text.length > length ? "..." : "")
 }

From 5bcd0892b710f2dfde097e95438f29f2297c9778 Mon Sep 17 00:00:00 2001
From: MTG2000 <mtg0987654321@gmail.com>
Date: Tue, 16 Aug 2022 17:07:18 +0300
Subject: [PATCH 37/42] update: added chunkNames to lazyloaded chunks

---
 src/App.tsx                                   | 24 +++++++++----------
 .../pages/PostDetailsPage/PostDetailsPage.tsx |  2 +-
 src/index.tsx                                 |  2 +-
 3 files changed, 14 insertions(+), 14 deletions(-)

diff --git a/src/App.tsx b/src/App.tsx
index f94279c..74b7d24 100644
--- a/src/App.tsx
+++ b/src/App.tsx
@@ -15,21 +15,21 @@ import { Loadable, PAGES_ROUTES } from "./utils/routing";
 
 
 // Pages
-const FeedPage = Loadable(React.lazy(() => import("./features/Posts/pages/FeedPage/FeedPage")))
-const PostDetailsPage = Loadable(React.lazy(() => import("./features/Posts/pages/PostDetailsPage/PostDetailsPage")))
-const CreatePostPage = Loadable(React.lazy(() => import("./features/Posts/pages/CreatePostPage/CreatePostPage")))
+const FeedPage = Loadable(React.lazy(() => import(  /* webpackChunkName: "feed_page" */ "./features/Posts/pages/FeedPage/FeedPage")))
+const PostDetailsPage = Loadable(React.lazy(() => import(  /* webpackChunkName: "post_details_page" */ "./features/Posts/pages/PostDetailsPage/PostDetailsPage")))
+const CreatePostPage = Loadable(React.lazy(() => import(  /* webpackChunkName: "create_post_page" */ "./features/Posts/pages/CreatePostPage/CreatePostPage")))
 
-const HottestPage = Loadable(React.lazy(() => import("src/features/Projects/pages/HottestPage/HottestPage")))
-const CategoryPage = Loadable(React.lazy(() => import("src/features/Projects/pages/CategoryPage/CategoryPage")))
-const ExplorePage = Loadable(React.lazy(() => import("src/features/Projects/pages/ExplorePage")))
+const HottestPage = Loadable(React.lazy(() => import( /* webpackChunkName: "hottest_page" */ "src/features/Projects/pages/HottestPage/HottestPage")))
+const CategoryPage = Loadable(React.lazy(() => import( /* webpackChunkName: "category_page" */ "src/features/Projects/pages/CategoryPage/CategoryPage")))
+const ExplorePage = Loadable(React.lazy(() => import( /* webpackChunkName: "explore_page" */ "src/features/Projects/pages/ExplorePage")))
 
-const HackathonsPage = Loadable(React.lazy(() => import("./features/Hackathons/pages/HackathonsPage/HackathonsPage")))
+const HackathonsPage = Loadable(React.lazy(() => import(  /* webpackChunkName: "hackathons_page" */ "./features/Hackathons/pages/HackathonsPage/HackathonsPage")))
 
-const DonatePage = Loadable(React.lazy(() => import("./features/Donations/pages/DonatePage/DonatePage")))
-const LoginPage = Loadable(React.lazy(() => import("./features/Auth/pages/LoginPage/LoginPage")))
-const LogoutPage = Loadable(React.lazy(() => import("./features/Auth/pages/LogoutPage/LogoutPage")))
-const ProfilePage = Loadable(React.lazy(() => import("./features/Profiles/pages/ProfilePage/ProfilePage")))
-const EditProfilePage = Loadable(React.lazy(() => import("./features/Profiles/pages/EditProfilePage/EditProfilePage")))
+const DonatePage = Loadable(React.lazy(() => import( /* webpackChunkName: "donate_page" */ "./features/Donations/pages/DonatePage/DonatePage")))
+const LoginPage = Loadable(React.lazy(() => import(  /* webpackChunkName: "login_page" */ "./features/Auth/pages/LoginPage/LoginPage")))
+const LogoutPage = Loadable(React.lazy(() => import(  /* webpackChunkName: "logout_page" */ "./features/Auth/pages/LogoutPage/LogoutPage")))
+const ProfilePage = Loadable(React.lazy(() => import(  /* webpackChunkName: "profile_page" */ "./features/Profiles/pages/ProfilePage/ProfilePage")))
+const EditProfilePage = Loadable(React.lazy(() => import(  /* webpackChunkName: "edit_profile_page" */ "./features/Profiles/pages/EditProfilePage/EditProfilePage")))
 
 
 
diff --git a/src/features/Posts/pages/PostDetailsPage/PostDetailsPage.tsx b/src/features/Posts/pages/PostDetailsPage/PostDetailsPage.tsx
index a8875ee..345774f 100644
--- a/src/features/Posts/pages/PostDetailsPage/PostDetailsPage.tsx
+++ b/src/features/Posts/pages/PostDetailsPage/PostDetailsPage.tsx
@@ -14,7 +14,7 @@ import styles from './styles.module.scss'
 import { lazy, Suspense } from 'react'
 import { RotatingLines } from 'react-loader-spinner'
 
-const CommentsSection = lazy(() => import("src/features/Posts/Components/Comments"))
+const CommentsSection = lazy(() => import( /* webpackChunkName: "comments_section" */ "src/features/Posts/Components/Comments"))
 
 export default function PostDetailsPage() {
     const { type: _type, id } = useParams();
diff --git a/src/index.tsx b/src/index.tsx
index eef1fbf..9e930bc 100644
--- a/src/index.tsx
+++ b/src/index.tsx
@@ -6,7 +6,7 @@ import App from './App';
 
 
 if (process.env.REACT_APP_ENABLE_MOCKS) {
-  import('./mocks/browser')
+  import(/* webpackChunkName: "mocks_server" */ './mocks/browser')
     .then(({ worker }) => {
       worker.start({
         onUnhandledRequest: 'bypass'

From 709392996c569c90721839937b2ee44c4bfb6ac1 Mon Sep 17 00:00:00 2001
From: MTG2000 <mtg0987654321@gmail.com>
Date: Wed, 17 Aug 2022 09:51:20 +0300
Subject: [PATCH 38/42] update: db schema

---
 api/functions/login/login.js | 1 +
 prisma/schema.prisma         | 3 ++-
 2 files changed, 3 insertions(+), 1 deletion(-)

diff --git a/api/functions/login/login.js b/api/functions/login/login.js
index cf731e9..2e80195 100644
--- a/api/functions/login/login.js
+++ b/api/functions/login/login.js
@@ -84,6 +84,7 @@ const loginHandler = async (req, res) => {
             await prisma.userKey.create({
                 data: {
                     key,
+                    name: "My original wallet key",
                     user_id: createdUser.id,
                 }
             });
diff --git a/prisma/schema.prisma b/prisma/schema.prisma
index 5042441..09cdc25 100644
--- a/prisma/schema.prisma
+++ b/prisma/schema.prisma
@@ -68,7 +68,8 @@ model User {
 }
 
 model UserKey {
-  key String @id
+  key  String @id
+  name String @default("My new wallet key")
 
   user    User? @relation(fields: [user_id], references: [id])
   user_id Int?

From 4a5348717b68441096dbe74e90ce8ea980d9d597 Mon Sep 17 00:00:00 2001
From: MTG2000 <mtg0987654321@gmail.com>
Date: Wed, 17 Aug 2022 10:02:15 +0300
Subject: [PATCH 39/42] logs

---
 api/functions/login/login.js | 6 ++++--
 1 file changed, 4 insertions(+), 2 deletions(-)

diff --git a/api/functions/login/login.js b/api/functions/login/login.js
index 2e80195..9dda97d 100644
--- a/api/functions/login/login.js
+++ b/api/functions/login/login.js
@@ -32,9 +32,10 @@ const loginHandler = async (req, res) => {
                 algorithms: ['HS256'],
             })
             const user_id = payload.user_id;
-
+            console.log(user_id);
             const existingKeys = await prisma.userKey.findMany({ where: { user_id }, select: { key: true } });
-
+            console.log(existingKeys);
+            console.log(key);
             if (existingKeys.length >= 3)
                 return res.status(400).json({ status: 'ERROR', reason: "Can only link up to 3 wallets" })
 
@@ -59,6 +60,7 @@ const loginHandler = async (req, res) => {
                 .json({ status: "OK" })
 
         } catch (error) {
+            console.log(error);
             return res.status(400).json({ status: 'ERROR', reason: 'Invalid User Token' })
         }
     }

From c7223ea67a918e4cac176dbe836394ff95dda3b4 Mon Sep 17 00:00:00 2001
From: MTG2000 <mtg0987654321@gmail.com>
Date: Wed, 17 Aug 2022 10:15:28 +0300
Subject: [PATCH 40/42] fix: delete old user key

---
 api/functions/login/login.js | 6 ++----
 1 file changed, 2 insertions(+), 4 deletions(-)

diff --git a/api/functions/login/login.js b/api/functions/login/login.js
index 9dda97d..d1dc18b 100644
--- a/api/functions/login/login.js
+++ b/api/functions/login/login.js
@@ -32,10 +32,8 @@ const loginHandler = async (req, res) => {
                 algorithms: ['HS256'],
             })
             const user_id = payload.user_id;
-            console.log(user_id);
             const existingKeys = await prisma.userKey.findMany({ where: { user_id }, select: { key: true } });
-            console.log(existingKeys);
-            console.log(key);
+
             if (existingKeys.length >= 3)
                 return res.status(400).json({ status: 'ERROR', reason: "Can only link up to 3 wallets" })
 
@@ -43,7 +41,7 @@ const loginHandler = async (req, res) => {
                 return res.status(400).json({ status: 'ERROR', reason: "Wallet already linked" });
 
             // Remove old linking for this key if existing
-            await prisma.userKey.delete({
+            await prisma.userKey.deleteMany({
                 where: { key }
             })
 

From ec10c750633805d322c670c2659332f86af4ee4a Mon Sep 17 00:00:00 2001
From: MTG2000 <mtg0987654321@gmail.com>
Date: Wed, 17 Aug 2022 10:20:36 +0300
Subject: [PATCH 41/42] remove logs

---
 api/functions/login/login.js | 1 -
 1 file changed, 1 deletion(-)

diff --git a/api/functions/login/login.js b/api/functions/login/login.js
index d1dc18b..ed048e1 100644
--- a/api/functions/login/login.js
+++ b/api/functions/login/login.js
@@ -58,7 +58,6 @@ const loginHandler = async (req, res) => {
                 .json({ status: "OK" })
 
         } catch (error) {
-            console.log(error);
             return res.status(400).json({ status: 'ERROR', reason: 'Invalid User Token' })
         }
     }

From 20e2b1ea75998d69fd544d9cc086a4baa86579a6 Mon Sep 17 00:00:00 2001
From: MTG2000 <mtg0987654321@gmail.com>
Date: Fri, 19 Aug 2022 20:35:09 +0300
Subject: [PATCH 42/42] udpate: handle old account same wallet

---
 api/functions/login/login.js | 50 ++++++++++++++++++++++++------------
 1 file changed, 34 insertions(+), 16 deletions(-)

diff --git a/api/functions/login/login.js b/api/functions/login/login.js
index ed048e1..83a7b5c 100644
--- a/api/functions/login/login.js
+++ b/api/functions/login/login.js
@@ -68,26 +68,44 @@ const loginHandler = async (req, res) => {
         const user = await getUserByPubKey(key)
         if (user === null) {
 
-            const nostr_prv_key = generatePrivateKey();
-            const nostr_pub_key = getPublicKey(nostr_prv_key);
+            // Check if user had a previous account using this wallet
 
-            const createdUser = await prisma.user.create({
-                data: {
-                    pubKey: key,
-                    name: key,
-                    avatar: `https://avatars.dicebear.com/api/bottts/${key}.svg`,
-                    nostr_prv_key,
-                    nostr_pub_key,
-                },
-            })
-            await prisma.userKey.create({
-                data: {
-                    key,
-                    name: "My original wallet key",
-                    user_id: createdUser.id,
+            const oldAccount = await prisma.user.findFirst({
+                where: {
+                    pubKey: key
                 }
             });
 
+            if (oldAccount) {
+                await prisma.userKey.create({
+                    data: {
+                        key,
+                        name: "My original wallet key",
+                        user_id: oldAccount.id,
+                    }
+                });
+            } else {
+                const nostr_prv_key = generatePrivateKey();
+                const nostr_pub_key = getPublicKey(nostr_prv_key);
+
+                const createdUser = await prisma.user.create({
+                    data: {
+                        pubKey: key,
+                        name: key,
+                        avatar: `https://avatars.dicebear.com/api/bottts/${key}.svg`,
+                        nostr_prv_key,
+                        nostr_pub_key,
+                    },
+                })
+                await prisma.userKey.create({
+                    data: {
+                        key,
+                        name: "My original wallet key",
+                        user_id: createdUser.id,
+                    }
+                });
+            }
+
         }
 
         // calc the hash of k1