Rename to ROSE Wallet

.changelog/1870.breaking.md

@@ -0,0 +1 @@
+Rename to ROSE Wallet

.github/workflows/ci-build.yml

@@ -45,5 +45,5 @@ jobs:
         if: github.event_name == 'push'
         uses: actions/upload-artifact@v4
         with:
-          name: oasis-wallet-web-${{ steps.vars.outputs.SHORT_SHA }}
+          name: rose-wallet-web-${{ steps.vars.outputs.SHORT_SHA }}
           path: build

.github/workflows/release.yml

@@ -43,7 +43,7 @@ jobs:
       - name: Create zip file
         run: |
           cd build/
-          zip -r ../oasis-wallet-web-${{ steps.vars.outputs.VERSION }}.zip .
+          zip -r ../rose-wallet-web-${{ steps.vars.outputs.VERSION }}.zip .
       - name: Parse CHANGELOG.md file and extract changes for the given version
         uses: buberdds/extract-changelog-action@v1
         id: changelog
@@ -53,10 +53,10 @@ jobs:
         uses: softprops/action-gh-release@v1
         with:
           files: |
-            oasis-wallet-web-${{ steps.vars.outputs.VERSION }}.zip
+            rose-wallet-web-${{ steps.vars.outputs.VERSION }}.zip
             build/Content-Security-Policy.txt
             build/Permissions-Policy.txt
-          name: Oasis Wallet ${{ steps.vars.outputs.VERSION }}
+          name: ROSE Wallet ${{ steps.vars.outputs.VERSION }}
           body: ${{ steps.changelog.outputs.content }}
         env:
           GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }}

README.md

@@ -1,4 +1,4 @@
-# Oasis Wallet
+# ROSE Wallet
 
 [![CI build status][github-ci-build-badge]][github-ci-build-link]
 [![CI test status][github-ci-test-badge]][github-ci-test-link]
@@ -13,10 +13,10 @@
 
 ![Demo](docs/images/demo.gif)
 
-- [Oasis Wallet](#oasis-wallet)
+- [ROSE Wallet](#rose-wallet)
   - [Features](#features)
   - [Getting started](#getting-started)
-    - [Installing and running oasis-wallet][install-link]
+    - [Installing and running from source code][install-link]
     - [Test accounts](#test-accounts)
   - [Architecture](#architecture)
   - [Contributing & development](#contributing--development)
@@ -41,7 +41,7 @@
 
 ## Getting started
 
-### Installing and running oasis-wallet
+### Installing and running from source code
 
 You can quickly get started with the following commands:
 
@@ -78,7 +78,7 @@ oasis1qq5t7f2gecsjsdxmp5zxtwgck6pzpjmkvc657z6l
 
 ## Architecture
 
-Oasis-wallet needs multiple components to run, all provided in the
+This code needs multiple components to run, all provided in the
 [docker-compose.yml] for local development.
 
 ![Architecture diagram](docs/images/architecture.svg)
@@ -172,7 +172,7 @@ A detailed post on Git commit messages: [How To Write a Git Commit Message].
 
 Translating: We have [Transifex] to easily contribute translations.
 
-Development: Oasis Wallet uses [react-i18next] for internationalization. You can
+Development: ROSE Wallet uses [react-i18next] for internationalization. You can
 simply use the [useTranslation hook] inside your components to add additional
 translation-ready strings. You can then export the new keys to the
 [English translation.json] by running `yarn run extract-messages`.
@@ -228,4 +228,4 @@ and download the translation file there,
 [license-link]: https://opensource.org/licenses/Apache-2.0
 [codecov-badge]: https://codecov.io/gh/oasisprotocol/oasis-wallet-web/branch/master/graph/badge.svg
 [codecov-link]: https://codecov.io/gh/oasisprotocol/oasis-wallet-web
-[install-link]: #installing-and-running-oasis-wallet
+[install-link]: #installing-and-running-from-source-code

android/app/src/main/res/values/strings.xml

@@ -1,7 +1,7 @@
 <?xml version='1.0' encoding='utf-8'?>
 <resources>
-    <string name="app_name">Oasis Wallet</string>
-    <string name="title_activity_main">Oasis Wallet</string>
+    <string name="app_name">ROSE Wallet</string>
+    <string name="title_activity_main">ROSE Wallet</string>
     <string name="package_name">com.oasisprotocol.wallet</string>
     <string name="custom_url_scheme">com.oasisprotocol.wallet</string>
 </resources>

capacitor.config.ts

@@ -2,7 +2,7 @@ import { CapacitorConfig } from '@capacitor/cli'
 
 const config: CapacitorConfig = {
   appId: 'com.oasisprotocol.wallet',
-  appName: 'Oasis Wallet',
+  appName: 'ROSE Wallet',
   webDir: 'build',
   server: {
     androidScheme: 'https',

docs/release-process.md

@@ -60,7 +60,7 @@ VERSION=`cat extension/src/manifest.json | jq .version -r`
 COMMIT=`git rev-parse --short HEAD`
 yarn install --frozen-lockfile
 yarn build:ext
-zip -r oasis-wallet-$VERSION-$COMMIT.zip build-ext/
+zip -r rose-wallet-$VERSION-$COMMIT.zip build-ext/
 ```
 
 - GitHub pre-release with zip file

ios/App/App/Info.plist

@@ -5,7 +5,7 @@
 	<key>CFBundleDevelopmentRegion</key>
 	<string>en</string>
 	<key>CFBundleDisplayName</key>
-        <string>Oasis Wallet</string>
+        <string>ROSE Wallet</string>
 	<key>CFBundleExecutable</key>
 	<string>$(EXECUTABLE_NAME)</string>
 	<key>CFBundleIdentifier</key>

package.json

@@ -1,6 +1,6 @@
 {
   "$schema": "https://raw.githubusercontent.com/lukaw3d/parcel-bundler-json-schemas/main/package_schema.json",
-  "name": "@oasisprotocol/oasis-wallet",
+  "name": "@oasisprotocol/rose-wallet-web",
   "version": "1.9.1",
   "private": true,
   "repository": {

playwright/package.json

@@ -1,5 +1,5 @@
 {
-  "name": "@oasisprotocol/oasis-wallet-playwright-test",
+  "name": "@oasisprotocol/rose-wallet-playwright-test",
   "version": "0.0.0-development",
   "scripts": {
     "test": "playwright test",

playwright/tests/syncTabs.spec.ts

@@ -76,7 +76,7 @@ test.describe('syncTabs', () => {
       // Second tab should sync the opened wallet
       await tab2.goto('/')
       await expect(tab2.getByTestId('account-selector')).toBeVisible()
-      await tab2.getByRole('link', { name: 'Wallet', exact: true }).click()
+      await tab2.getByRole('link', { name: 'ROSE Wallet', exact: true }).click()
       await expect(tab2).toHaveURL(new RegExp(`/account/${privateKeyAddress}`))
       await expect(tab2.getByTestId('account-balance-summary')).toContainText('ROSE')
 

public/_locales/en/messages.json

@@ -1,6 +1,6 @@
 {
   "appName": {
-    "message": "Oasis Wallet",
+    "message": "ROSE Wallet",
     "description": "The name of the application"
   },
   "appDescription": {

public/app.webmanifest

@@ -1,6 +1,6 @@
 {
   "$schema": "https://json.schemastore.org/web-manifest-combined.json",
-  "short_name": "Oasis Wallet",
+  "short_name": "ROSE Wallet",
   "name": "The official non-custodial web wallet for the Oasis Network.",
   "icons": [
     {

public/index.html

@@ -9,11 +9,11 @@
     <meta name="theme-color" content="#000000" />
     <link rel="apple-touch-icon" href="./logo192.png" />
     <link rel="manifest" href="./app.webmanifest" />
-    <meta property="og:title" content="Oasis Wallet" />
+    <meta property="og:title" content="ROSE Wallet" />
     <meta property="og:description" content="The official non-custodial web wallet for the Oasis Network." />
     <meta property="og:image" content="./oasis-og-image.jpg" />
     <meta property="og:type" content="website" />
-    <title>Oasis Wallet</title>
+    <title>ROSE Wallet</title>
     <meta name="description" content="The official non-custodial web wallet for the Oasis Network." />
   </head>
   <body>

public/manifest.json

@@ -25,7 +25,7 @@
       "128": "./logo512.png",
       "512": "./logo512.png"
     },
-    "default_title": "Oasis Wallet",
+    "default_title": "ROSE Wallet",
     "default_popup": "../extension/src/popup.html"
   },
   "permissions": ["storage", "notifications", "activeTab"],

src/app/components/AddEscrowForm/index.tsx

@@ -106,7 +106,7 @@ export const AddEscrowForm = memo((props: Props) => {
                 onChange={event => setAmount(event.target.value)}
                 required
                 icon={
-                  <Text size="xsmall" weight={600} color="lightText">
+                  <Text size="xsmall" weight={600} color="ticker">
                     {ticker}
                   </Text>
                 }

src/app/components/AmountFormatter/index.tsx

@@ -21,6 +21,7 @@ export interface AmountFormatterProps {
   hideTicker?: boolean
   size?: string
   smallTicker?: boolean
+  plainTicker?: boolean
 }
 
 /**
@@ -35,6 +36,7 @@ export const AmountFormatter = memo(
     hideTicker,
     size,
     smallTicker,
+    plainTicker,
   }: AmountFormatterProps) => {
     const ticker = useSelector(selectTicker)
     const isUsingBaseUnits = amountUnit === 'baseUnits'
@@ -51,15 +53,15 @@ export const AmountFormatter = memo(
       ? {
           size: 'xsmall',
           weight: 600,
-          color: 'lightText',
         }
       : {}
+    const colorProps = plainTicker ? {} : { color: 'ticker' }
 
     return (
       <span>
         <Box style={{ display: 'inline-flex', whiteSpace: 'nowrap' }}>{amountString}</Box>
         {!hideTicker && (
-          <Text size={size} {...tickerProps}>
+          <Text size={size} {...tickerProps} {...colorProps}>
             <NoTranslate>{` ${ticker}`}</NoTranslate>
           </Text>
         )}

src/app/components/BuildBanner/index.tsx

@@ -29,7 +29,7 @@ export const BuildBanner = () => {
         <AlertBox status="warning" center icon={<Alert size="20px" color="currentColor" />}>
           {t(
             'banner.buildStaging',
-            'Please note this is the staging deployment of Oasis Wallet. ONLY USE IT FOR TESTING.',
+            'Please note this is the staging deployment of ROSE Wallet. ONLY USE IT FOR TESTING.',
           )}
         </AlertBox>
       </StickyBanner>
@@ -41,7 +41,7 @@ export const BuildBanner = () => {
       <AlertBox status="warning" center icon={<Alert size="20px" color="currentColor" />}>
         {t(
           'banner.buildPreview',
-          'Please note this is an experimental build of Oasis Wallet and your secrets are not safe. ONLY USE IT FOR TESTING.',
+          'Please note this is an experimental build of ROSE Wallet and your secrets are not safe. ONLY USE IT FOR TESTING.',
         )}
       </AlertBox>
     </StickyBanner>

src/app/components/FatalErrorHandler/index.tsx

@@ -61,7 +61,7 @@ export function FatalErrorHandler({ children }: Props) {
   return (
     <ResponsiveLayer modal background="background-front">
       <Box align="end" margin={{ horizontal: 'large', top: 'medium' }}>
-        <img src={logotype} alt={t('appTitle', 'Oasis Wallet')} width="45" height="45" />
+        <img src={logotype} alt={t('appTitle', 'ROSE Wallet')} width="45" height="45" />
       </Box>
       <Box margin={{ horizontal: 'large', bottom: 'large' }}>
         <Box direction="row" align="center" gap="small">

src/app/components/Footer/index.tsx

@@ -53,7 +53,7 @@ export const Footer = memo(() => {
           i18nKey="footer.github"
           t={t}
           components={{ GithubLink: <Anchor href={githubLink} target="_blank" rel="noopener noreferrer" /> }}
-          defaults="Oasis Wallet is fully <GithubLink>open source</GithubLink> - Feedback and issues are appreciated!"
+          defaults="ROSE Wallet is fully <GithubLink>open source</GithubLink> - Feedback and issues are appreciated!"
         />
       </Text>
       <Text size={responsiveSize} textAlign="center" margin={{ bottom: responsiveSize }}>
@@ -99,6 +99,14 @@ export const Footer = memo(() => {
             }}
           />
           {poweredByLabel && <Box align="center">{poweredByLabel}</Box>}
+          <Trans
+            i18nKey="footer.roseTrademark"
+            t={t}
+            components={{
+              Highlight: <Text size="inherit" weight={600} color="ticker" />,
+            }}
+            defaults="<Highlight>ROSE</Highlight> trademark pending"
+          />
         </Text>
       )}
 

src/app/components/MobileFooterNavigation/index.tsx

@@ -44,12 +44,12 @@ export const MobileFooterNavigation = ({ walletHasAccounts, isMobile }: MobileFo
   const getMenuItems = useMemo(() => {
     const menuItems = [
       {
-        label: t('menu.wallet', 'Wallet'),
+        label: t('menu.wallet', 'ROSE Wallet'),
         Icon: Money,
         to: `/account/${address}`,
       },
       {
-        label: t('menu.stake', 'Stake'),
+        label: t('menu.stake-mobile', 'Stake'),
         Icon: LineChart,
         to: `/account/${address}/stake`,
       },
@@ -61,7 +61,7 @@ export const MobileFooterNavigation = ({ walletHasAccounts, isMobile }: MobileFo
       ...(IS_FIAT_ONRAMP_ENABLED
         ? [
             {
-              label: t('menu.fiatOnramp', 'Buy'),
+              label: t('menu.fiatOnramp-mobile', 'Buy'),
               Icon: CreditCard,
               to: `/account/${address}/fiat`,
             },
@@ -83,7 +83,9 @@ export const MobileFooterNavigation = ({ walletHasAccounts, isMobile }: MobileFo
             <Box as="span" margin="xsmall">
               <Icon />
             </Box>
-            <Text size="small">{label}</Text>
+            <Text size="small" textAlign="center">
+              {label}
+            </Text>
           </Box>
         </NavLink>
       ))}

src/app/components/Persist/DeleteProfileButton.tsx

@@ -56,7 +56,7 @@ export function DeleteProfileButton({ prominent, variant }: DeleteProfileButtonP
                   <span>
                     {t(
                       'persist.loginToProfile.deleteProfile.forgotPasswordDescription',
-                      'Oasis Wallet does not store your password and cannot help you retrieve it. If you forgot your password, you can delete your locked profile here. After that, you can create a new one using your mnemonic phrase or private keys, and use your ROSE tokens again.',
+                      'ROSE Wallet does not store your password and cannot help you retrieve it. If you forgot your password, you can delete your locked profile here. After that, you can create a new one using your mnemonic phrase or private keys, and use your ROSE tokens again.',
                     )}
                     <br />
                     <br />

src/app/components/ReclaimEscrowForm/index.tsx

@@ -103,7 +103,7 @@ export const ReclaimEscrowForm = memo((props: Props) => {
             onChange={event => amountChanged(event.target.value)}
             required
             icon={
-              <Text size="xsmall" weight={600} color="lightText">
+              <Text size="xsmall" weight={600} color="ticker">
                 {ticker}
               </Text>
             }

src/app/components/Sidebar/index.tsx

@@ -154,20 +154,20 @@ const SidebarHeader = (props: SidebarHeaderProps) => {
   const sizeLogo = {
     small: `${sidebarSmallSizeLogo}px`,
     medium: `${sidebarMediumSizeLogo}px`,
-    large: 'medium',
+    large: `${sidebarMediumSizeLogo}px`,
   }
 
   return (
     <Box
       align="center"
       margin={{ bottom: size !== 'small' ? 'medium' : undefined }}
-      pad="medium"
+      pad="small"
       alignSelf={size === 'large' ? undefined : 'center'}
     >
       <Link to="/">
         <Box align="center" direction="row" gap="small">
           <Avatar src={logotype} size={sizeLogo[size]} />
-          {size !== 'medium' && <Text>Oasis Wallet</Text>}
+          {size !== 'medium' && <Text>ROSE Wallet</Text>}
         </Box>
       </Link>
     </Box>
@@ -265,7 +265,7 @@ function SidebarMenuItems() {
     wallet: (
       <SidebarButton
         icon={<Money />}
-        label={t('menu.wallet', 'Wallet')}
+        label={t('menu.wallet', 'ROSE Wallet')}
         needsWalletOpen={true}
         route={`/account/${address}`}
         data-testid="nav-myaccount"
@@ -274,7 +274,7 @@ function SidebarMenuItems() {
     stake: (
       <SidebarButton
         icon={<LineChart />}
-        label={t('menu.stake', 'Stake')}
+        label={t('menu.stake', 'Stake ROSE')}
         needsWalletOpen={true}
         route={`/account/${address}/stake`}
         data-testid="nav-stake"
@@ -292,7 +292,7 @@ function SidebarMenuItems() {
     fiatOnramp: (
       <SidebarButton
         icon={<CreditCard />}
-        label={t('menu.fiatOnramp', 'Buy')}
+        label={t('menu.fiatOnramp', 'Buy ROSE')}
         needsWalletOpen={true}
         route={`/account/${address}/fiat`}
       />

src/app/components/Transaction/index.tsx

@@ -83,7 +83,9 @@ export function Transaction(props: TransactionProps) {
   const isMobile = React.useContext(ResponsiveContext) === 'small'
   const transaction = props.transaction
   const referenceAddress = props.referenceAddress
-  const Amount = <AmountFormatter amount={transaction.amount!} size={isMobile ? '16px' : 'medium'} />
+  const Amount = (
+    <AmountFormatter amount={transaction.amount!} size={isMobile ? '16px' : 'medium'} plainTicker />
+  )
   let side: TransactionSide
   let otherAddress = ''