rmorawski/standardnotes-app-web
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

chore: prettier files

Browse Source
This commit is contained in:
Mo
2022-05-03 10:51:40 -05:00
parent f5a90060ea
commit 43d94fbcbf
127 changed files with 1365 additions and 2428 deletions
Download Patch File Download Diff File Expand all files Collapse all files

5
app/assets/javascripts/Hooks/useCloseOnClickOutside.ts
View File

@@ -1,9 +1,6 @@
import { useCallback, useEffect } from 'preact/hooks'
export function useCloseOnClickOutside(
container: { current: HTMLDivElement | null },
callback: () => void,
): void {
export function useCloseOnClickOutside(container: { current: HTMLDivElement | null }, callback: () => void): void {
const closeOnClickOutside = useCallback(
(event: { target: EventTarget | null }) => {
if (!container.current) {

14
app/assets/javascripts/Hooks/useListKeyboardNavigation.ts
View File

@@ -34,11 +34,7 @@ export const useListKeyboardNavigation = (container: Ref<HTMLElement | null>, in
}
if (!listItems?.length) {
setListItems(
Array.from(
container.current?.querySelectorAll('button') as NodeListOf<HTMLButtonElement>,
),
)
setListItems(Array.from(container.current?.querySelectorAll('button') as NodeListOf<HTMLButtonElement>))
}
if (listItems) {
@@ -67,15 +63,11 @@ export const useListKeyboardNavigation = (container: Ref<HTMLElement | null>, in
const containerFocusHandler = useCallback(() => {
let temporaryItems = listItems && listItems?.length > 0 ? listItems : []
if (!temporaryItems.length) {
temporaryItems = Array.from(
container.current?.querySelectorAll('button') as NodeListOf<HTMLButtonElement>,
)
temporaryItems = Array.from(container.current?.querySelectorAll('button') as NodeListOf<HTMLButtonElement>)
setListItems(temporaryItems)
}
if (temporaryItems.length > 0) {
const selectedItemIndex = Array.from(temporaryItems).findIndex(
(item) => item.dataset.selected,
)
const selectedItemIndex = Array.from(temporaryItems).findIndex((item) => item.dataset.selected)
const indexToFocus = selectedItemIndex > -1 ? selectedItemIndex : initialFocus
setTimeout(() => {
focusItemWithIndex(indexToFocus, temporaryItems)

52
app/assets/javascripts/Hooks/usePremiumModal.tsx
View File

@@ -29,33 +29,31 @@ interface Props {
appState: AppState
}
export const PremiumModalProvider: FunctionalComponent<Props> = observer(
({ application, appState, children }) => {
const featureName = appState.features.premiumAlertFeatureName
const activate = appState.features.showPremiumAlert
const close = appState.features.closePremiumAlert
export const PremiumModalProvider: FunctionalComponent<Props> = observer(({ application, appState, children }) => {
const featureName = appState.features.premiumAlertFeatureName
const activate = appState.features.showPremiumAlert
const close = appState.features.closePremiumAlert
const showModal = !!featureName
const showModal = !!featureName
const hasSubscription = Boolean(
appState.subscription.userSubscription &&
!appState.subscription.isUserSubscriptionExpired &&
!appState.subscription.isUserSubscriptionCanceled,
)
const hasSubscription = Boolean(
appState.subscription.userSubscription &&
!appState.subscription.isUserSubscriptionExpired &&
!appState.subscription.isUserSubscriptionCanceled,
)
return (
<>
{showModal && (
<PremiumFeaturesModal
application={application}
featureName={featureName}
hasSubscription={hasSubscription}
onClose={close}
showModal={!!featureName}
/>
)}
<PremiumModalProvider_ value={{ activate }}>{children}</PremiumModalProvider_>
</>
)
},
)
return (
<>
{showModal && (
<PremiumFeaturesModal
application={application}
featureName={featureName}
hasSubscription={hasSubscription}
onClose={close}
showModal={!!featureName}
/>
)}
<PremiumModalProvider_ value={{ activate }}>{children}</PremiumModalProvider_>
</>
)
})