Build Networking Page

[4-Leafs-Code]

This page will show people in your network. It should show sent pending status and received request accept or deny. You should also be able to search for a user by name or email.

[4-Leafs-Code]

@Ronnie018 Did you want to take this one since you built this figma. I'm not %100 sure what all of your thought were behind this design. If not would you update this issue to explain what you would like here.

[Ronnie018]

All right, i'll just try the video problem a while, and i jump right into it

[Ronnie018]

@4-Leafs-Code, im pretty sure you asked me about how i did this somewhere, here it is;

i used a clip-path as a mask and positioned a ::before element absolute;

      .left-content {
        box-shadow: 1px 1px 15px #046b6b28;
        background-color: #ebebeb;
        height: 100%;
        width: 100%;
        position: relative;
        .header-container {
          & ::selection {
            background-color: #ebebeb;
            color: #077a7a;
          }
          &::before {
            content: "";
            position: absolute;
            width: 20px;
            height: 20px;
            background-color: #077a7a;
            bottom: -10px;
            left: 0;
            transform: rotateY("45deg");
            clip-path: polygon(56% 0, 55% 100%, 3% 51%, 4% 0);
          }

u can use https://bennettfeely.com/clippy/ to create clip-path masks.

[4-Leafs-Code]

@Ronnie018 the page is coming a long lovely 😍 You can have my card pop up too.

[4-Leafs-Code]

@Ronnie018 I found these linter errors this morning. I was not sure if this was a work in progress thing or if these can be removed. Please let me know when you have a moment. Thank you so much!

src/components/Network/index.jsx
Line 4:10: 'UserImage' is defined but never used no-unused-vars
Line 22:19: 'setFilters' is assigned a value but never used

src/components/Network/api/handlers.js
Line 76:22: Expected '!==' and instead saw '!=' eqeqeq
Line 116:22: Expected '!==' and instead saw '!=' eqeqeq
Line 152:22: Expected '!==' and instead saw '!=' eqeqeq

src/components/Network/api/requests.js
Line 2:14: 'provider' is defined but never used no-unused-vars
Line 59:6: React Hook useEffect has a missing dependency: 'users'. Either include it or remove the dependency array react-hooks/exhaustive-deps
Line 80:6: React Hook useEffect has a missing dependency: 'users'. Either include it or remove the dependency array react-hooks/exhaustive-deps

src/components/Network/api/search.js
Line 2:14: 'provider' is defined but never used no-unused-vars
Line 71:6: React Hook useEffect has missing dependencies: 'string' and 'users'. Either include them or remove the dependency array react-hooks/exhaustive-deps

[Ronnie018]

Not sure about this last one, but it is a work in progress. i didnt know i had pull requested code with the context provider. Ill fix it now

[4-Leafs-Code]

You might want to give me a few minutes with these bot request before you work on the site incase I have to back track. Ill look at the commit number when I open codespace in a minute.

[4-Leafs-Code]

Gitlens information about this commit and PR is: last week via PR #275 (January 23rd, 2023 4:14 PM)
create private messages