Workspace visibility

src/cloud/api/feedback/index.ts

@@ -1,4 +1,4 @@
-import { UserFeedbackFormData } from '../../components/organisms/FeedbackForm/types'
+import { UserFeedbackFormData } from '../../components/FeedbackForm/types'
 import { callApi } from '../../lib/client'
 
 export async function sendFeedback(body: UserFeedbackFormData) {

src/cloud/api/teams/open-invites/index.ts

@@ -1,14 +1,13 @@
 import { callApi } from '../../../lib/client'
-import { SerializedTeam } from '../../../interfaces/db/team'
 import { SerializedOpenInvite } from '../../../interfaces/db/openInvite'
 
 export interface GetOpenInviteResponseBody {
   invites: SerializedOpenInvite[]
 }
 
-export async function getOpenInvites(team: SerializedTeam) {
+export async function getOpenInvites(teamId: string) {
   const data = await callApi<GetOpenInviteResponseBody>(
-    `api/teams/${team.id}/open-invites`
+    `api/teams/${teamId}/open-invites`
   )
   return data
 }
@@ -17,19 +16,19 @@ export interface CreateOpenInviteResponseBody {
   invites: SerializedOpenInvite[]
 }
 
-export async function createOpenInvites(team: SerializedTeam) {
+export async function createOpenInvites(teamId: string) {
   const data = await callApi<CreateOpenInviteResponseBody>(
-    `api/teams/${team.id}/open-invites`,
+    `api/teams/${teamId}/open-invites`,
     {
       method: 'post',
     }
   )
   return data
 }
 
-export async function cancelOpenInvites(team: SerializedTeam) {
+export async function cancelOpenInvites(teamId: string) {
   const data = await callApi<CreateOpenInviteResponseBody>(
-    `api/teams/${team.id}/open-invites/delete`,
+    `api/teams/${teamId}/open-invites/delete`,
     { method: 'delete' }
   )
   return data

src/cloud/api/users/index.ts

@@ -1,5 +1,5 @@
 import { SerializedIcon } from '../../interfaces/db/icon'
-import { UserFeedbackFormData } from '../../components/organisms/FeedbackForm/types'
+import { UserFeedbackFormData } from '../../components/FeedbackForm/types'
 import { callApi } from '../../lib/client'
 
 export interface SaveUserRequestBody {

src/cloud/components/atoms/AnnouncementAlert.tsx → src/cloud/components/AnnouncementAlert.tsx

@@ -1,28 +1,28 @@
 import React, { useMemo, useState } from 'react'
-import { usePage } from '../../lib/stores/pageStore'
-import styled from '../../../shared/lib/styled'
-import { useOnboarding } from '../../lib/stores/onboarding'
-import IconMdi from './IconMdi'
+import { usePage } from '../lib/stores/pageStore'
+import styled from '../../design/lib/styled'
+import { useOnboarding } from '../lib/stores/onboarding'
 import {
   mdiAlertOutline,
   mdiClose,
   mdiInformationOutline,
   mdiOpenInNew,
 } from '@mdi/js'
-import { useGlobalData } from '../../lib/stores/globalData'
-import { PageStoreWithTeam } from '../../interfaces/pageStore'
+import { useGlobalData } from '../lib/stores/globalData'
+import { PageStoreWithTeam } from '../interfaces/pageStore'
 import {
   getCurrentDesktopAppVersion,
   useElectron,
   usingLegacyElectron,
-} from '../../lib/stores/electron'
-import { ExternalLink } from '../../../shared/components/atoms/Link'
-import Button from '../../../shared/components/atoms/Button'
-import { useSettings } from '../../lib/stores/settings'
-import { useModal } from '../../../shared/lib/stores/modal'
-import ButtonGroup from '../../../shared/components/atoms/ButtonGroup'
-import { useTeamStorage } from '../../lib/stores/teamStorage'
-import { freePlanMembersLimit } from '../../lib/subscription'
+} from '../lib/stores/electron'
+import { ExternalLink } from '../../design/components/atoms/Link'
+import Button from '../../design/components/atoms/Button'
+import { useSettings } from '../lib/stores/settings'
+import { useModal } from '../../design/lib/stores/modal'
+import ButtonGroup from '../../design/components/atoms/ButtonGroup'
+import { useTeamStorage } from '../lib/stores/teamStorage'
+import { freePlanMembersLimit } from '../lib/subscription'
+import Icon from '../../design/components/atoms/Icon'
 
 const AnnouncementAlert = () => {
   const { currentSubInfo } = usePage()
@@ -60,7 +60,7 @@ const AnnouncementAlert = () => {
       <Container>
         <div className='alert'>
           <span className='alert__icon'>
-            <IconMdi path={mdiAlertOutline} size={21} />
+            <Icon path={mdiAlertOutline} size={20} />
           </span>
           <p className='alert__text'>
             Please update the desktop app. This version is outdated (current
@@ -70,7 +70,7 @@ const AnnouncementAlert = () => {
             className='alert__btn--close'
             onClick={() => setHidingOutdatedDesktopClientAlert(true)}
           >
-            <IconMdi path={mdiClose} size={18} />
+            <Icon path={mdiClose} size={20} />
           </button>
         </div>
       </Container>
@@ -85,7 +85,7 @@ const AnnouncementAlert = () => {
       <Container>
         <div className='alert'>
           <span className='alert__icon'>
-            <IconMdi path={mdiAlertOutline} size={21} />
+            <Icon path={mdiAlertOutline} size={20} />
           </span>
           <p className='alert__text'>
             We&apos;ve changed the free plan. Please see
@@ -107,7 +107,7 @@ const AnnouncementAlert = () => {
             className='alert__btn--close'
             onClick={() => setOnboarding({ trialAnnouncement: false })}
           >
-            <IconMdi path={mdiClose} size={18} />
+            <Icon path={mdiClose} size={20} />
           </button>
         </div>
       </Container>
@@ -130,7 +130,7 @@ const AnnouncementAlert = () => {
         <Container>
           <div className='alert alert--danger'>
             <span className='alert__icon'>
-              <IconMdi path={mdiAlertOutline} size={21} />
+              <Icon path={mdiAlertOutline} size={20} />
             </span>
             <div className='alert__text'>
               <p>
@@ -146,7 +146,7 @@ const AnnouncementAlert = () => {
                   href='https://intercom.help/boostnote-for-teams/en/articles/4354888-roles'
                   className='alert__link'
                 >
-                  <span>Viewer</span> <IconMdi path={mdiOpenInNew} />
+                  <span>Viewer</span> <Icon path={mdiOpenInNew} />
                 </ExternalLink>{' '}
                 role.
               </p>
@@ -179,7 +179,7 @@ const AnnouncementAlert = () => {
         <Container>
           <div className='alert alert--danger'>
             <span className='alert__icon'>
-              <IconMdi path={mdiAlertOutline} size={21} />
+              <Icon path={mdiAlertOutline} size={20} />
             </span>
             <div className='alert__text'>
               <p>
@@ -195,7 +195,7 @@ const AnnouncementAlert = () => {
                   href='https://intercom.help/boostnote-for-teams/en/articles/4354888-roles'
                   className='alert__link'
                 >
-                  <span>Viewer</span> <IconMdi path={mdiOpenInNew} />
+                  <span>Viewer</span> <Icon path={mdiOpenInNew} />
                 </ExternalLink>{' '}
                 role.
               </p>
@@ -213,7 +213,7 @@ const AnnouncementAlert = () => {
         <Container>
           <div className='alert alert--danger'>
             <span className='alert__icon'>
-              <IconMdi path={mdiAlertOutline} size={21} />
+              <Icon path={mdiAlertOutline} size={20} />
             </span>
             <div className='alert__text'>
               <p>
@@ -230,7 +230,7 @@ const AnnouncementAlert = () => {
                     href='https://intercom.help/boostnote-for-teams/en/articles/4354888-roles'
                     className='alert__link'
                   >
-                    <span>Viewer</span> <IconMdi path={mdiOpenInNew} />
+                    <span>Viewer</span> <Icon path={mdiOpenInNew} />
                   </ExternalLink>{' '}
                   role.
                 </p>
@@ -268,7 +268,7 @@ const AnnouncementAlert = () => {
         <Container>
           <div className='alert alert--danger'>
             <span className='alert__icon'>
-              <IconMdi path={mdiAlertOutline} size={21} />
+              <Icon path={mdiAlertOutline} size={20} />
             </span>
             <div className='alert__text'>
               <p>
@@ -284,7 +284,7 @@ const AnnouncementAlert = () => {
                     href='https://intercom.help/boostnote-for-teams/en/articles/4354888-roles'
                     className='alert__link'
                   >
-                    <span>Viewer</span> <IconMdi path={mdiOpenInNew} />
+                    <span>Viewer</span> <Icon path={mdiOpenInNew} />
                   </ExternalLink>{' '}
                   role.
                 </p>
@@ -320,7 +320,7 @@ const AnnouncementAlert = () => {
       <Container>
         <div className='alert alert--info'>
           <span className='alert__icon'>
-            <IconMdi path={mdiInformationOutline} size={21} />
+            <Icon path={mdiInformationOutline} size={20} />
           </span>
           <div className='alert__text'>
             <p>
@@ -329,7 +329,7 @@ const AnnouncementAlert = () => {
                 href='https://intercom.help/boostnote-for-teams/en/articles/4354888-roles'
                 className='alert__link'
               >
-                <span>Viewers</span> <IconMdi path={mdiOpenInNew} />
+                <span>Viewers</span> <Icon path={mdiOpenInNew} />
               </ExternalLink>{' '}
               have joined your space.
             </p>

src/cloud/components/App.tsx

@@ -14,7 +14,7 @@ import { gaTrackingId, nodeEnv, boostHubBaseUrl } from '../lib/consts'
 import '../lib/i18n'
 
 import { RealtimeConnProvider } from '../lib/stores/realtimeConn'
-import { V2ToastProvider } from '../../shared/lib/stores/toast'
+import { V2ToastProvider } from '../../design/lib/stores/toast'
 const App = () => {
   useElectron()
   const [accessTokenInitialized, setAccessTokenInitialized] = useState(false)

src/cloud/components/molecules/AppFeedbackForm/index.tsx → src/cloud/components/AppFeedbackForm/index.tsx

@@ -1,14 +1,14 @@
 import React, { FormEvent, useState, useCallback, useRef } from 'react'
-import { registerAppFeedback } from '../../../api/users/appfeedback'
-import { AppFeedbackTypeOption } from '../../../interfaces/db/userAppFeedback'
-import ColoredBlock from '../../atoms/ColoredBlock'
+import { registerAppFeedback } from '../../api/users/appfeedback'
+import { AppFeedbackTypeOption } from '../../interfaces/db/userAppFeedback'
 import { useEffectOnce } from 'react-use'
-import { useToast } from '../../../../shared/lib/stores/toast'
-import Form from '../../../../shared/components/molecules/Form'
-import { useI18n } from '../../../lib/hooks/useI18n'
-import { lngKeys } from '../../../lib/i18n/types'
-import Button from '../../../../shared/components/atoms/Button'
-import { FormSelectOption } from '../../../../shared/components/molecules/Form/atoms/FormSelect'
+import { useToast } from '../../../design/lib/stores/toast'
+import Form from '../../../design/components/molecules/Form'
+import { useI18n } from '../../lib/hooks/useI18n'
+import { lngKeys } from '../../lib/i18n/types'
+import Button from '../../../design/components/atoms/Button'
+import { FormSelectOption } from '../../../design/components/molecules/Form/atoms/FormSelect'
+import ColoredBlock from '../../../design/components/atoms/ColoredBlock'
 
 const AppFeedbackForm = () => {
   const { translate } = useI18n()