Re: [pgAdmin][RM-7132]: Port Properties collection, Dashboard and SQL panel in React

From: Aditya Toshniwal <aditya(dot)toshniwal(at)enterprisedb(dot)com>
To: Akshay Joshi <akshay(dot)joshi(at)enterprisedb(dot)com>
Cc: Pradip Parkale <pradip(dot)parkale(at)enterprisedb(dot)com>, pgadmin-hackers <pgadmin-hackers(at)postgresql(dot)org>
Subject: Re: [pgAdmin][RM-7132]: Port Properties collection, Dashboard and SQL panel in React
Date: 2022-03-15 12:09:31
Message-ID: CAM9w-_mnm_gk_03xONOCY7WaXmQMnww1NieuO4-KmvaFFPQRGA@mail.gmail.com
Views: Raw Message | Whole Thread | Download mbox | Resend email
Thread:
Lists: pgadmin-hackers

Hi Pradip,

I did some basic usage and review and found below issues:
1. The code fails if you refresh the page and go to properties, when no
node is selected.
2. I found below UI issues on selecting a database node. Also, checkbox
column is too wide.
[image: image.png]
3. Why is this in the node.js file. It should be in node_view.jsx.

+

+ ReactDOM.render(

+ <Theme>

+ <CollectionNodeView

+ node={node}

+ treeNodeInfo={treeNodeInfo}

+ item={item}

+ itemNodeData={d}

+ pgBrowser={pgBrowser}

+ ></CollectionNodeView>

+ </Theme>,

+ b.panels['properties'].panel.$container[0]

+ );

4. I have seen a lot of commented codes. Few samples:

+ // if (that.canHide) {

+ // pgBrowser.Events.off('pgadmin-browser:tree:selected', ()
=> {

+

+ // removePanelView($container[0]);

+ // });

5. In WelcomeDashboard.jsx, the complete SVG code is put. Please move it to
a file and import it.
6. Cleanup web/pgadmin/dashboard/static/js/dashboardDummy.js
7. Cleanup web/pgadmin/dashboard/static/js/dashboard_ponents.jsx
8. Rename Sql.jsx to SQL.jsx
9. The search is not working. It filters all.
10. If there is huge data then it should show some spinner.
11. Delete buttons should be disabled if no object is selected.
12. Delete buttons and search box should be on the same line.

On Tue, Mar 15, 2022 at 4:01 PM Akshay Joshi <akshay(dot)joshi(at)enterprisedb(dot)com>
wrote:

> Hi Aditya
>
> Can you please review/test it?
>
> On Mon, Mar 14, 2022 at 7:17 PM Pradip Parkale <
> pradip(dot)parkale(at)enterprisedb(dot)com> wrote:
>
>> Hi Hackers,
>>
>> Please find the attached patch for #7132
>> <https://redmine.postgresql.org/issues/7132> Port Properties collection,
>> Dashboard and SQL panel in React.
>>
>>
>> --
>> Thanks & Regards,
>> Pradip Parkale
>> Software Engineer | EnterpriseDB Corporation
>>
>
>
> --
> *Thanks & Regards*
> *Akshay Joshi*
> *pgAdmin Hacker | Principal Software Architect*
> *EDB Postgres <http://edbpostgres.com>*
>
> *Mobile: +91 976-788-8246*
>

--
Thanks,
Aditya Toshniwal
pgAdmin Hacker | Software Architect | *edbpostgres.com*
<http://edbpostgres.com>
"Don't Complain about Heat, Plant a TREE"

In response to

Responses

Browse pgadmin-hackers by date

  From Date Subject
Next Message Dave Page 2022-03-15 14:52:35 pgAdmin 4 commit: Wording and formatting tweaks.
Previous Message Akshay Joshi 2022-03-15 11:33:24 Re: [Patch] - Bug #7059 - pgAdmin throws internal server error for OAuth2 after some random idle time