currently we show tooltip for addresses and tags even though the whole text is visible on the screen

we want the tooltip to be shown only in case the actual text is truncated

• Может добавить еще стек используемых технологий?
• Набор переменных окружения, кот-ые на фронт переезжают, тоже думаю можно добавить в README, когда их прикрутите

• don't fetch data for both tabs on mount (done)

• handle transition between old and new UI correctly

• implement menu for choosing network (opens on hover)
• refactor url schema: routes for all account pages should prepend with <network_name>/<network_type>
• when switching networks, redirect user to index page for the network (not in the new UI)

make smooth transition for elements color when switching color modes

examples:

• https://chakra-ui.netlify.app/?path=/story/
• https://ux.palmetto.com/
• https://6267ebb4dd54f5004a65f14a-qvrlagupxe.chromatic.com/?path=/docs/documentation-welcome--page
• https://developers.grafana.com/ui/latest/index.html

scope of work

• page markup
• backend integration

out of scope

• form validation
• error handling

• data loading error
• field error
• form send error

make skeletons for tables when page data is loading

https://hackmd.io/EVsTPEXHS7GQtSlIpL2tmQ

• create profile page and fill it with back-end data
• make profile menu with navigation links

since we don't have proper user authentication yet, profile build only for one user which token we are currently using. signing out is not working as well

demo - https://block-scout-git-profile-menu-3ducks.vercel.app/xdai/testnet/auth/profile

demo - https://block-scout-git-mobile-view-navigation-3ducks.vercel.app/xdai/mainnet

I added big chunk of text into the main page for a while just to demonstrate how header and search bar behaves in mobile view when user scrolls down the page (will be removed after review)

The profile menu will be implemented in separate task

Need to implement following changes:

• changed font sizes and colors of texts and page headings
• border radiuses for buttons, tabs, menu, inputs, tables were changed to 8px, for tags and checkboxes - to 4px
• changed colors for search bar
• added dark color mode for tabs and tags
• changed colors of left nav bar

and also changes for left navigation bar:

• get rid of arrows for main links
• width of the bar was change from 200px to 180px
• decreased horizontal margins from 40px to 24px
• changed horizontal margin between nav bar and page content
• added new link - "other"
• added collapsed variant of the bar

• one
• two

• #23

demo - https://block-scout-git-api-keys-backend-3ducks.vercel.app/api-keys

add/save button must be disabled if there are no changes in fields

when user type in something in search bar and hit enter, make redirect to search result page in old version of ui https://blockscout.com/xdai/mainnet/search-results?q=search_string

• remove API routes from Next.js
• add CSRF-token to header
• redirect users without cookie to auth page

NOTE: authentication will not work for local development (need to setup cookie manually) and vercel deployment (?? think about workaround till we move completely to new CI)

add common client and test at least one endpoint

Need to remove status icon and set the max-width option (and mb smth else)

https://block-scout-git-public-tag-3ducks.vercel.app/
in the form there are no field-validations or form-completion-checks, i will add them later with the back-end integration
and I have another task for toasts styling, now they are chakra's defaults

• #39
• #38
• #37
• #40