Haruno Knowledge base

Getting around and language

The dashboard's sidebar, its five languages, the privacy link, sign out, and how the pages look on a phone.

  • DashboardAvailable

Once a customer has signed in, every page has the same frame: a sidebar and the page itself.

The sidebar

The sidebar on a computer screen.
The dashboard sidebar. At the top the Haruno logo. Then four links: Usage, Organization, QuickBooks and Account. At the bottom the signed-in email address, the language switch, a Privacy link and Sign out.
ItemWhat it opens
UsageHow much of the plan has been used. See Usage meters and limits.
OrganizationThe organization the person belongs to. See Your personal organization.
QuickBooksThe QuickBooks companies connected to the portfolio. See QuickBooks companies.
AccountProfile, the app download, devices, promo codes and account deletion. See Profile and plan.

The current page is highlighted. At the bottom of the sidebar:

  • the email address of the signed-in person;
  • the language switch;
  • Privacy, which opens the privacy policy on haruno.ai in a new tab, in the same language;
  • Sign out.

The Haruno logo at the top opens haruno.ai in a new tab.

Languages

The dashboard speaks five languages: English, Japanese (日本語), Simplified Chinese (简中), Traditional Chinese (繁中) and Arabic (العربية). Arabic reads from right to left, and the whole page turns round with it.

The Usage page in Japanese.
The Usage page in Japanese. The sidebar and every heading, label and date are in Japanese.
The same page in Arabic.
The Usage page in Arabic, mirrored so the sidebar is on the right and the text runs right to left.
  • Press a language in the switch. The same page opens in that language.
  • The language is part of the web address (for example /dashboard/ja/account). It is not a setting on the account. A link sent to a customer opens in the language written in the link.
  • The promo link is the exception. It names no language and uses the language of the customer's browser. See Redeem a code.

On a phone

On a narrow screen the sidebar becomes a bar across the top. The four pages are four icons with their names under them. The language switch and the sign out icon sit in a second row. The signed-in email and the Privacy link are not shown on a phone.

The Usage page at phone width.
The Usage page at phone width. A bar at the top with four icons: Usage, Organization, QuickBooks and Account. Under it the language switch and a sign out icon, then the usage meters.

Messages every page can show

  • Loading your account… while the page opens.
  • Failed to load your account. or Something went wrong on our side. Please try again in a moment., with a Retry link.
  • A pink banner at the top when the person has been invited to an organization. See Invitations.

Last updated · PR #2944 · View this version on GitHub

History (1 version)
  1. Internal knowledge base for staff: site, reader keys, assistant, 197 pages and the PR rule (#2944)
    PR #2944Commit a2a7836The page at this version
    What changed
    @@ -0,0 +1,58 @@
+---
+title: Getting around and language
+summary: The dashboard's sidebar, its five languages, the privacy link, sign out, and how the pages look on a phone.
+feature: dashboard-navigation
+covers:
+  - web/dashboard/components/Sidebar.tsx
+  - web/dashboard/components/LanguageSwitcher.tsx
+  - web/dashboard/components/AppShell.tsx
+  - web/dashboard/components/InvitationBanner.tsx
+  - web/dashboard/i18n/index.ts
+  - web/dashboard/app/[lang]/layout.tsx
+---
+
+Once a customer has [signed in](/dashboard/getting-started/sign-in/), every page has the same frame: a sidebar and the page itself.
+
+## The sidebar
+
+<Shot src="/m/917af9dcc6fb-dashboard-sidebar-light.webp" alt="The dashboard sidebar. At the top the Haruno logo. Then four links: Usage, Organization, QuickBooks and Account. At the bottom the signed-in email address, the language switch, a Privacy link and Sign out." caption="The sidebar on a computer screen." />
+
+| Item | What it opens |
+|---|---|
+| <Ui>Usage</Ui> | How much of the plan has been used. See [Usage meters and limits](/dashboard/my-usage/usage-limits/). |
+| <Ui>Organization</Ui> | The organization the person belongs to. See [Your personal organization](/dashboard/my-organization/personal-organization/). |
+| <Ui>QuickBooks</Ui> | The QuickBooks companies connected to the portfolio. See [QuickBooks companies](/dashboard/quickbooks-connections/companies/). |
+| <Ui>Account</Ui> | Profile, the app download, devices, promo codes and account deletion. See [Profile and plan](/dashboard/account/profile-and-plan/). |
+
+The current page is highlighted. At the bottom of the sidebar:
+
+- the email address of the signed-in person;
+- the language switch;
+- **Privacy**, which opens the privacy policy on haruno.ai in a new tab, in the same language;
+- **Sign out**.
+
+The Haruno logo at the top opens haruno.ai in a new tab.
+
+## Languages
+
+The dashboard speaks five languages: English, Japanese (**日本語**), Simplified Chinese (**简中**), Traditional Chinese (**繁中**) and Arabic (**العربية**). Arabic reads from right to left, and the whole page turns round with it.
+
+<Shot src="/m/b8de34557457-dashboard-language-ja-light.webp" alt="The Usage page in Japanese. The sidebar and every heading, label and date are in Japanese." caption="The Usage page in Japanese." />
+
+<Shot src="/m/49ee59a6098d-dashboard-language-ar-light.webp" alt="The Usage page in Arabic, mirrored so the sidebar is on the right and the text runs right to left." caption="The same page in Arabic." />
+
+- Press a language in the switch. The same page opens in that language.
+- The language is part of the web address (for example **/dashboard/ja/account**). It is not a setting on the account. A link sent to a customer opens in the language written in the link.
+- The promo link is the exception. It names no language and uses the language of the customer's browser. See [Redeem a code](/dashboard/account/redeem-a-code/).
+
+## On a phone
+
+On a narrow screen the sidebar becomes a bar across the top. The four pages are four icons with their names under them. The language switch and the sign out icon sit in a second row. The signed-in email and the Privacy link are not shown on a phone.
+
+<Shot src="/m/2c5f327be202-dashboard-phone-light.webp" alt="The Usage page at phone width. A bar at the top with four icons: Usage, Organization, QuickBooks and Account. Under it the language switch and a sign out icon, then the usage meters." caption="The Usage page at phone width." />
+
+## Messages every page can show
+
+- **Loading your account…** while the page opens.
+- **Failed to load your account.** or **Something went wrong on our side. Please try again in a moment.**, with a **Retry** link.
+- A pink banner at the top when the person has been invited to an organization. See [Invitations](/dashboard/my-organization/invitations/).