diff --git a/public/assets/offline.png b/public/assets/offline.png index 72220cf8..edc01146 100644 Binary files a/public/assets/offline.png and b/public/assets/offline.png differ diff --git a/src/components/OfflineIndicator.jsx b/src/components/OfflineIndicator.jsx index 6596c4bf..5f017117 100644 --- a/src/components/OfflineIndicator.jsx +++ b/src/components/OfflineIndicator.jsx @@ -1,7 +1,6 @@ import React from "react"; import { useSubplebbit } from "@plebbit/plebbit-react-hooks"; - const OfflineIndicator = ({ address, className, tooltipPlace }) => { const subplebbit = useSubplebbit({ subplebbitAddress: address }); const isOnline = subplebbit.updatedAt > Date.now() / 1000 - 60 * 20; diff --git a/src/components/styled/views/Board.styled.jsx b/src/components/styled/views/Board.styled.jsx index 598fc068..c78e704c 100644 --- a/src/components/styled/views/Board.styled.jsx +++ b/src/components/styled/views/Board.styled.jsx @@ -71,7 +71,6 @@ export const NavBar = styled.div` .page-jump { float: right; padding-right: 5px; - padding-top: 2.5px; font-size: 7.5pt; } @@ -426,9 +425,9 @@ export const Header = styled.div` }} .offline { - width: 16px; + width: 16px; position: relative; - margin: 2px 2px -2px 2px; + margin: 3px 0 -3px 3px; } `; @@ -1653,16 +1652,14 @@ export const BoardForm = styled.div` } .offline-sub { - width: 13px; - margin-right: -5px; - margin-bottom: -1px; + width: 16px; + margin: -5px -4px -4px 3px; position: relative; } .offline-reply { - width: 13px; - margin-right: 2px; - margin-bottom: -1px; + width: 16px; + margin: -5px -4px -4px 3px; position: relative; } @@ -3148,14 +3145,12 @@ export const BoardForm = styled.div` margin-bottom: 335px; .offline-mobile-sub { - width: 13px; - margin-top: 4px; + width: 16px; margin-right: 5px; } .offline-mobile-sub-reply { - width: 13px; - margin-top: 4px; + width: 16px; } .thread { diff --git a/src/components/styled/views/Home.styled.jsx b/src/components/styled/views/Home.styled.jsx index 199d83a9..8c263c07 100644 --- a/src/components/styled/views/Home.styled.jsx +++ b/src/components/styled/views/Home.styled.jsx @@ -242,8 +242,8 @@ export const BoardsContent = styled.div` .offline-indicator { position: absolute; - top: 5px; - right: 5px; + top: 3px; + right: 3px; width: 16px; } @@ -285,7 +285,7 @@ export const BoardsContent = styled.div` } .disconnected { - width: 15px; + width: 13px; margin-bottom: -1px; position: absolute; } @@ -297,9 +297,8 @@ export const BoardsContent = styled.div` } .disconnected { - width: 11px; - margin-bottom: -1px; - margin-top: 2px; + width: 13px; + margin-top: 0px; position: absolute; } } diff --git a/src/components/views/All.jsx b/src/components/views/All.jsx index 13aa0d94..dd4486f0 100644 --- a/src/components/views/All.jsx +++ b/src/components/views/All.jsx @@ -247,7 +247,7 @@ const All = () => { >{subplebbit.title ? subplebbit.title : subplebbit.address} ))}   - alert( 'To create a board, first you have to run a full node.\nYou can run a full node by simply browsing with the plebbit desktop app. After you download it, open it, wait for it loading, then click on "Home" in the top left, then "Create Community".\n\nAfter you create the community, you can go back to plebchan at any time to see it as a board by pasting its address (begins with p/12D3KooW...) in the search bar, which is in the Home.\n\nNote:\n\n- Your community will be online for as long as you leave the app open, because it functions like a server for the community.\n- The longer you leave the app open, the more data you are seeding to the protocol, which helps performance for everybody.\n - All the data in the plebbit protocol is just text, which is extremely lightweight. All media is generated by links, which is text, embedded by the clients.\n\nDownload the plebbit app here: https://github.com/plebbit/plebbit-react/releases\n\nYou can also use a CLI: https://github.com/plebbit/plebbit-cli\n\nRunning boards in the plebchan app is a planned feature.\n\n' ) @@ -1183,11 +1183,11 @@ const All = () => { ))} [ - + }>Create Board ] [ setIsSettingsOpen(true)}>Settings diff --git a/src/components/views/AllCatalog.jsx b/src/components/views/AllCatalog.jsx index b56afae8..d7b076d5 100644 --- a/src/components/views/AllCatalog.jsx +++ b/src/components/views/AllCatalog.jsx @@ -148,7 +148,7 @@ const AllCatalog = () => { >{subplebbit.title ? subplebbit.title : subplebbit.address} ))}   - alert( 'To create a board, first you have to run a full node.\nYou can run a full node by simply browsing with the plebbit desktop app. After you download it, open it, wait for it loading, then click on "Home" in the top left, then "Create Community".\n\nAfter you create the community, you can go back to plebchan at any time to see it as a board by pasting its address (begins with p/12D3KooW...) in the search bar, which is in the Home.\n\nNote:\n\n- Your community will be online for as long as you leave the app open, because it functions like a server for the community.\n- The longer you leave the app open, the more data you are seeding to the protocol, which helps performance for everybody.\n - All the data in the plebbit protocol is just text, which is extremely lightweight. All media is generated by links, which is text, embedded by the clients.\n\nDownload the plebbit app here: https://github.com/plebbit/plebbit-react/releases\n\nYou can also use a CLI: https://github.com/plebbit/plebbit-cli\n\nRunning boards in the plebchan app is a planned feature.\n\n' ) @@ -339,11 +339,11 @@ const AllCatalog = () => { [ - + alert( + 'To create a board, first you have to run a full node.\nYou can run a full node by simply browsing with the plebbit desktop app. After you download it, open it, wait for it loading, then click on "Home" in the top left, then "Create Community".\n\nAfter you create the community, you can go back to plebchan at any time to see it as a board by pasting its address (begins with p/12D3KooW...) in the search bar, which is in the Home.\n\nNote:\n\n- Your community will be online for as long as you leave the app open, because it functions like a server for the community.\n- The longer you leave the app open, the more data you are seeding to the protocol, which helps performance for everybody.\n - All the data in the plebbit protocol is just text, which is extremely lightweight. All media is generated by links, which is text, embedded by the clients.\n\nDownload the plebbit app here: https://github.com/plebbit/plebbit-react/releases\n\nYou can also use a CLI: https://github.com/plebbit/plebbit-cli\n\nRunning boards in the plebchan app is a planned feature.\n\n' + ) + }>Create Board ] [ setIsSettingsOpen(true)}>Settings diff --git a/src/components/views/Board.jsx b/src/components/views/Board.jsx index 39b58819..8ec87ac4 100644 --- a/src/components/views/Board.jsx +++ b/src/components/views/Board.jsx @@ -590,7 +590,7 @@ const Board = () => { >{subplebbit.title ? subplebbit.title : subplebbit.address} ))}   - alert( 'To create a board, first you have to run a full node.\nYou can run a full node by simply browsing with the plebbit desktop app. After you download it, open it, wait for it loading, then click on "Home" in the top left, then "Create Community".\n\nAfter you create the community, you can go back to plebchan at any time to see it as a board by pasting its address (begins with p/12D3KooW...) in the search bar, which is in the Home.\n\nNote:\n\n- Your community will be online for as long as you leave the app open, because it functions like a server for the community.\n- The longer you leave the app open, the more data you are seeding to the protocol, which helps performance for everybody.\n - All the data in the plebbit protocol is just text, which is extremely lightweight. All media is generated by links, which is text, embedded by the clients.\n\nDownload the plebbit app here: https://github.com/plebbit/plebbit-react/releases\n\nYou can also use a CLI: https://github.com/plebbit/plebbit-cli\n\nRunning boards in the plebchan app is a planned feature.\n\n' ) @@ -1623,11 +1623,11 @@ const Board = () => { ))} [ - + }>Create Board ] [ setIsSettingsOpen(true)}>Settings diff --git a/src/components/views/Catalog.jsx b/src/components/views/Catalog.jsx index a24d00c0..4f710d5f 100644 --- a/src/components/views/Catalog.jsx +++ b/src/components/views/Catalog.jsx @@ -513,7 +513,7 @@ const Catalog = () => { >{subplebbit.title ? subplebbit.title : subplebbit.address} ))}   - alert( 'To create a board, first you have to run a full node.\nYou can run a full node by simply browsing with the plebbit desktop app. After you download it, open it, wait for it loading, then click on "Home" in the top left, then "Create Community".\n\nAfter you create the community, you can go back to plebchan at any time to see it as a board by pasting its address (begins with p/12D3KooW...) in the search bar, which is in the Home.\n\nNote:\n\n- Your community will be online for as long as you leave the app open, because it functions like a server for the community.\n- The longer you leave the app open, the more data you are seeding to the protocol, which helps performance for everybody.\n - All the data in the plebbit protocol is just text, which is extremely lightweight. All media is generated by links, which is text, embedded by the clients.\n\nDownload the plebbit app here: https://github.com/plebbit/plebbit-react/releases\n\nYou can also use a CLI: https://github.com/plebbit/plebbit-cli\n\nRunning boards in the plebchan app is a planned feature.\n\n' ) @@ -874,7 +874,7 @@ const Catalog = () => { ))} [ - + }>Create Board ] [ setIsSettingsOpen(true)}>Settings diff --git a/src/components/views/SubscriptionsCatalog.jsx b/src/components/views/SubscriptionsCatalog.jsx index b1d65d45..252f629c 100644 --- a/src/components/views/SubscriptionsCatalog.jsx +++ b/src/components/views/SubscriptionsCatalog.jsx @@ -149,7 +149,7 @@ const SubscriptionsCatalog = () => { >{subplebbit.title ? subplebbit.title : subplebbit.address} ))}   - alert( 'To create a board, first you have to run a full node.\nYou can run a full node by simply browsing with the plebbit desktop app. After you download it, open it, wait for it loading, then click on "Home" in the top left, then "Create Community".\n\nAfter you create the community, you can go back to plebchan at any time to see it as a board by pasting its address (begins with p/12D3KooW...) in the search bar, which is in the Home.\n\nNote:\n\n- Your community will be online for as long as you leave the app open, because it functions like a server for the community.\n- The longer you leave the app open, the more data you are seeding to the protocol, which helps performance for everybody.\n - All the data in the plebbit protocol is just text, which is extremely lightweight. All media is generated by links, which is text, embedded by the clients.\n\nDownload the plebbit app here: https://github.com/plebbit/plebbit-react/releases\n\nYou can also use a CLI: https://github.com/plebbit/plebbit-cli\n\nRunning boards in the plebchan app is a planned feature.\n\n' ) @@ -346,11 +346,11 @@ const SubscriptionsCatalog = () => { [ - + alert( + 'To create a board, first you have to run a full node.\nYou can run a full node by simply browsing with the plebbit desktop app. After you download it, open it, wait for it loading, then click on "Home" in the top left, then "Create Community".\n\nAfter you create the community, you can go back to plebchan at any time to see it as a board by pasting its address (begins with p/12D3KooW...) in the search bar, which is in the Home.\n\nNote:\n\n- Your community will be online for as long as you leave the app open, because it functions like a server for the community.\n- The longer you leave the app open, the more data you are seeding to the protocol, which helps performance for everybody.\n - All the data in the plebbit protocol is just text, which is extremely lightweight. All media is generated by links, which is text, embedded by the clients.\n\nDownload the plebbit app here: https://github.com/plebbit/plebbit-react/releases\n\nYou can also use a CLI: https://github.com/plebbit/plebbit-cli\n\nRunning boards in the plebchan app is a planned feature.\n\n' + ) + }>Create Board ] [ setIsSettingsOpen(true)}>Settings diff --git a/src/components/views/Thread.jsx b/src/components/views/Thread.jsx index efaa7dd0..54907255 100644 --- a/src/components/views/Thread.jsx +++ b/src/components/views/Thread.jsx @@ -548,7 +548,7 @@ const Thread = () => { >{subplebbit.title ? subplebbit.title : subplebbit.address} ))}   - alert( 'To create a board, first you have to run a full node.\nYou can run a full node by simply browsing with the plebbit desktop app. After you download it, open it, wait for it loading, then click on "Home" in the top left, then "Create Community".\n\nAfter you create the community, you can go back to plebchan at any time to see it as a board by pasting its address (begins with p/12D3KooW...) in the search bar, which is in the Home.\n\nNote:\n\n- Your community will be online for as long as you leave the app open, because it functions like a server for the community.\n- The longer you leave the app open, the more data you are seeding to the protocol, which helps performance for everybody.\n - All the data in the plebbit protocol is just text, which is extremely lightweight. All media is generated by links, which is text, embedded by the clients.\n\nDownload the plebbit app here: https://github.com/plebbit/plebbit-react/releases\n\nYou can also use a CLI: https://github.com/plebbit/plebbit-cli\n\nRunning boards in the plebchan app is a planned feature.\n\n' ) @@ -974,11 +974,8 @@ const Thread = () => { ) : ( - {account?.author?.address.slice(0, 10) + "(...)"} + {account?.author?.shortAddress} ) } @@ -1586,11 +1583,11 @@ const Thread = () => { ))} [ - + alert( + 'To create a board, first you have to run a full node.\nYou can run a full node by simply browsing with the plebbit desktop app. After you download it, open it, wait for it loading, then click on "Home" in the top left, then "Create Community".\n\nAfter you create the community, you can go back to plebchan at any time to see it as a board by pasting its address (begins with p/12D3KooW...) in the search bar, which is in the Home.\n\nNote:\n\n- Your community will be online for as long as you leave the app open, because it functions like a server for the community.\n- The longer you leave the app open, the more data you are seeding to the protocol, which helps performance for everybody.\n - All the data in the plebbit protocol is just text, which is extremely lightweight. All media is generated by links, which is text, embedded by the clients.\n\nDownload the plebbit app here: https://github.com/plebbit/plebbit-react/releases\n\nYou can also use a CLI: https://github.com/plebbit/plebbit-cli\n\nRunning boards in the plebchan app is a planned feature.\n\n' + ) + }>Create Board ] [ setIsSettingsOpen(true)}>Settings