feat: add identity and feed management (#272)

* feat(wip): add basic feed operations

* ci: bump checks

* ci: bump checks

* feat: rework stamps and add feed functionalities

* refactor: polish and fixes

* feat(wip): add formulas

* feat: show bzz.link for websites

* feat: add stamp empty states and formatBzz

* feat: add feed download

* chore: update manifest-js version

* feat: dev mode support with bee-js 3.1.0 (#273)

* feat: dev mode support with bee-js 3.1.0

* fix: added missing package-lock.json file

* build: remove PR preview

* style: work on design

* feat: add TroubleshootConnectionCard

* build: remove depcheck

Co-authored-by: Attila Gazso <agazso@gmail.com>

src/pages/files/DownloadActionBar.tsx

@@ -1,32 +1,46 @@
-import { Button } from '@material-ui/core'
-import { Clear } from '@material-ui/icons'
+import { Box, Grid } from '@material-ui/core'
 import { ReactElement } from 'react'
-import { Download, Link } from 'react-feather'
+import { Bookmark, Download, Link, X } from 'react-feather'
 import ExpandableListItemActions from '../../components/ExpandableListItemActions'
 import { SwarmButton } from '../../components/SwarmButton'
 
 interface Props {
   onOpen: () => void
-  onDownload: () => void
   onCancel: () => void
+  onDownload: () => void
+  onUpdateFeed: () => void
   hasIndexDocument: boolean
   loading: boolean
 }
 
-export function DownloadActionBar({ onOpen, onDownload, onCancel, hasIndexDocument, loading }: Props): ReactElement {
+export function DownloadActionBar({
+  onOpen,
+  onCancel,
+  onDownload,
+  onUpdateFeed,
+  hasIndexDocument,
+  loading,
+}: Props): ReactElement {
   return (
-    <ExpandableListItemActions>
-      {hasIndexDocument && (
-        <SwarmButton onClick={onOpen} iconType={Link} disabled={loading}>
-          View Website
+    <Grid container justifyContent="space-between">
+      <ExpandableListItemActions>
+        {hasIndexDocument && (
+          <SwarmButton onClick={onOpen} iconType={Link} disabled={loading}>
+            View Website
+          </SwarmButton>
+        )}
+        <SwarmButton onClick={onDownload} iconType={Download} disabled={loading} loading={loading}>
+          Download
         </SwarmButton>
-      )}
-      <SwarmButton onClick={onDownload} iconType={Download} disabled={loading} loading={loading}>
-        Download
-      </SwarmButton>
-      <Button onClick={onCancel} variant="contained" startIcon={<Clear />} disabled={loading}>
-        Close
-      </Button>
-    </ExpandableListItemActions>
+        <SwarmButton onClick={onCancel} iconType={X} disabled={loading} loading={loading} cancel>
+          Close
+        </SwarmButton>
+      </ExpandableListItemActions>
+      <Box mb={1} mr={1}>
+        <SwarmButton onClick={onUpdateFeed} iconType={Bookmark}>
+          Update Feed
+        </SwarmButton>
+      </Box>
+    </Grid>
   )
 }