• Index
• Search by APIs
• Search by Words
• Project Search

• Java
• Python
• JavaScript
• TypeScript
• C++
• Scala
• Blog

• GTAV-NativeDB-master
  • src
    • App.tsx
    • NativeLoader.ts
    • pages
      • index.ts
      • LoadingScreen
        • index.ts
        • LoadingScreen.tsx
      • GenerateCodePage
        • CPlusPlus.tsx
        • GenerateCodePage.tsx
        • Language.tsx
        • index.ts
        • Rust.tsx
        • CSharpEnum.tsx
      • NativesPage
        • NativeInfo.tsx
        • NativeNotFound.tsx
        • index.ts
        • NoNativeSelected.tsx
        • NativeList.tsx
        • NativesPage.tsx
    • reportWebVitals.ts
    • index.tsx
    • hooks
      • useSetAppBarSettings.ts
      • useSettings.ts
      • useNative.ts
      • useOnlineStatus.ts
      • useNatives.ts
      • useUpdateServiceWorker.ts
      • useIsSmallDisplay.ts
      • useStats.ts
      • useNamespaces.ts
      • index.ts
      • useUpdateAvailable.ts
      • useCopyToClipboard.ts
      • useTypedSelector.ts
      • useNativeSearch.ts
      • useNamespace.ts
      • useAppBarSettings.ts
      • useQuery.ts
    • style.css
    • code-generation
      • CodeGeneratorBase.ts
      • index.ts
      • CSharpEnumCodeGenerator.ts
      • NativeExporter.ts
      • ICodeGenerator.ts
      • RustCodeGenerator.ts
      • CPlusPlusCodeGenerator.ts
    • common
      • index.ts
      • getOverlayAlpha.ts
    • components
      • NativeParams
        • index.ts
        • NativeParams.tsx
      • CodeComment
        • index.ts
        • CodeComment.tsx
      • NativeComment
        • index.ts
        • NativeComment.tsx
      • NativeList
        • NativeListItem.tsx
        • JumpToNamespace.tsx
        • index.ts
        • NativeList.tsx
      • index.ts
      • CopyableText
        • CopyableText.tsx
        • index.ts
      • NativeUsage
        • NativeUsage.tsx
        • index.ts
      • SnytaxHighlighter
        • SyntaxHighlighter.tsx
        • index.ts
      • UpdateDialog
        • index.ts
        • UpdateDialog.tsx
      • OnlineStatusProvider
        • index.ts
        • OnlineStatusProvider.tsx
      • AppBar
        • Desktop.tsx
        • StatusButton.tsx
        • SettingsDrawer.tsx
        • StatsDialog.tsx
        • AppBar.tsx
        • index.ts
        • DesktopSearch.tsx
        • Mobile.tsx
        • model.ts
        • MobileSearch.tsx
      • NativeDefinition
        • index.ts
        • NativeDefinition.tsx
      • CodeExamples
        • index.ts
        • CodeExamples.tsx
      • NamespaceHeader
        • index.ts
        • NativeHeader.tsx
      • BetaRibbon
        • index.ts
        • BetaRibbon.tsx
      • NativeDetails
        • index.ts
        • NativeDetails.tsx
      • NativeSelect
        • index.ts
        • NativeSelect.tsx
      • NativeType
        • index.ts
        • NativeType.tsx
      • Collapsible
        • Collapsible.tsx
        • index.ts
    • store
      • actions
        • natives.ts
        • app.ts
        • index.ts
        • appBar.ts
        • settings.ts
      • reducers
        • statsReducer.ts
        • appReducer.ts
        • index.ts
        • nativeReducer.ts
        • settingsReducer.ts
        • appBarReducer.ts
        • namespaceReducer.ts
      • index.ts
      • model
        • NativeSources.ts
        • NativeStats.ts
        • Namespace.ts
        • index.ts
        • NativeParam.ts
        • Theme.ts
        • CodeExample.ts
        • Native.ts
    • external
      • dottiedot-additional-data
        • index.ts
        • model.ts
      • index.ts
      • fivem-nativedb
        • index.ts
        • model.ts
      • alloc8or-nativedb
        • index.ts
        • model.ts
      • NativeDataLoader.ts
    • setupTests.ts
    • Theme.tsx
    • service-worker.ts
    • serviceWorkerRegistration.ts
    • Router.tsx
    • react-app-env.d.ts
  • public
    • robots.txt
    • manifest.json
    • index.html
  • LICENSE.md
  • README.md
  • package.json
  • Dockerfile
  • tsconfig.json
  • .gitignore
  • .dockerignore
  • .vscode
    • settings.json
  • docker-compose.yml

import { Button, Dialog, DialogActions, DialogTitle, List, ListItem, ListItemText } from '@mui/material'
import React from 'react'
import { useStats } from '../../hooks'

interface Props {
  open: boolean
  onClose: () => void
}

export default function StatsDialog({ open, onClose }: Props) {
  const stats = useStats()

  return (
    <Dialog open={open} onClose={onClose} fullWidth maxWidth="xs">
      <DialogTitle>
        Stats
      </DialogTitle>
      <List dense>
        <ListItem sx={{ px: 3 }} >
          <ListItemText 
            primary="Namespaces"
            secondary={stats.namespaces}
          />
        </ListItem>
        <ListItem sx={{ px: 3 }} >
          <ListItemText 
            primary="Natives"
            secondary={stats.natives}
          />
        </ListItem>
        <ListItem sx={{ px: 3 }} >
          <ListItemText 
            primary="Comments"
            secondary={stats.comments}
          />
        </ListItem>
        <ListItem sx={{ px: 3 }} >
          <ListItemText 
            primary="Known names"
            secondary={`${stats.knownNames.confirmed} (${stats.knownNames.total})`}
          />
        </ListItem>
      </List>
      <DialogActions>
        <Button onClick={onClose}>Close</Button>
      </DialogActions>
    </Dialog>
  )
}