icons: update to tlon icon throughout

We were still using the old Groups icon in several places, this PR switches us over to the Tlon icon throughout the app.

Fixes LAND-1549

desk/desk.docket-0

@@ -1,7 +1,7 @@
 :~  title+'Tlon'
     info+'Start, host, and cultivate communities. Own your communications, organize your resources, and share documents. Tlon is a decentralized platform that offers a full, communal suite of tools for messaging, writing and sharing media with others.'
     color+0xef.f0f4
-    image+'https://bootstrap.urbit.org/icon-groups.svg?v=1'
+    image+'https://bootstrap.urbit.org/tlon.png'
     glob-http+['https://bootstrap.urbit.org/glob-0v1.75tcc.vb79n.tbvhp.8r55i.9j6ck.glob' 0v1.75tcc.vb79n.tbvhp.8r55i.9j6ck]
     base+'groups'
     version+[5 5 1]

ui/cosmos/fixtures/charges.json

@@ -116,8 +116,8 @@
             "info": "A suite of applications to communicate on Urbit"
         },
         "groups": {
-            "image": "https://bootstrap.urbit.org/icon-groups.svg?v=1",
-            "title": "Groups",
+            "image": "https://bootstrap.urbit.org/tlon.png",
+            "title": "Tlon",
             "license": "MIT",
             "version": "4.2.8",
             "website": "https://tlon.io",
@@ -139,4 +139,4 @@
             "info": "Start, host, and cultivate communities. Own your communications, organize your resources, and share documents. Groups is a decentralized platform that integrates with Talk, Notebook, and Gallery for a full, communal suite of tools."
         }
     }
-}
+}

ui/src/app.tsx

@@ -45,7 +45,7 @@ import GroupPreviewModal from '@/groups/Join/GroupPreview';
 import RejectConfirmModal from '@/groups/Join/RejectConfirmModal';
 import EditProfile from '@/profiles/EditProfile/EditProfile';
 import HeapDetail from '@/heap/HeapDetail';
-import groupsFavicon from '@/assets/groups.svg';
+import tlonFavicon from '@/assets/favicon.ico';
 import GroupInvitesPrivacy from '@/groups/GroupAdmin/GroupInvitesPrivacy';
 import Notifications from '@/notifications/Notifications';
 import ChatChannel from '@/chat/ChatChannel';
@@ -708,7 +708,7 @@ function RoutedApp() {
           <title>Tlon</title>
           <link
             rel="icon"
-            href={groupsFavicon}
+            href={tlonFavicon}
             sizes="any"
             type="image/svg+xml"
           />

ui/src/assets/manifest.ts

@@ -8,12 +8,12 @@ export default {
   id: '/apps/groups/',
   icons: [
     {
-      src: './groups-icon-512x512.png',
+      src: './icon-512.png',
       sizes: '512x512',
       type: 'image/png',
     },
     {
-      src: './groups-icon-192x192.png',
+      src: './icon-192.png',
       sizes: '192x192',
       type: 'image/png',
     },

ui/src/components/Leap/MenuOptions.tsx

@@ -1,8 +1,8 @@
 import ArrowEIcon16 from '../icons/ArrowEIcon16';
-import AppGroupsIcon from '../icons/AppGroupsIcon';
 import AddIcon16 from '../icons/Add16Icon';
 import GridIcon from '../icons/GridIcon';
 import { IconProps } from '../icons/icon';
+import TlonIcon from '../icons/TlonIcon';
 
 function CommandBadge() {
   return (
@@ -82,7 +82,7 @@ export const menuOptions: IMenuOption[] = [
     title: 'Tlon',
     subtitle: '',
     to: '/',
-    icon: AppGroupsIcon,
+    icon: TlonIcon,
     modal: false,
   },
 ];