FilesExpand file tree

main

/

app.tsx

Copy path

Blame

More file actions

Blame

More file actions

Latest commit

 

History

History

History

56 lines (51 loc) · 1.55 KB

main

/

app.tsx

Copy path

Top

File metadata and controls

• Code
• Blame

56 lines (51 loc) · 1.55 KB

Raw

Copy raw file

Download raw file

Open symbols panel

Edit and raw actions

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

22

23

24

25

26

27

28

29

30

31

32

33

34

35

36

37

38

39

40

41

42

43

44

45

46

47

48

49

50

51

52

53

54

55

56

import React, { useContext } from 'react';

import {

Redirect,

HashRouter as Router,

Route,

Switch,

} from 'react-router-dom';

import { AppContext, AppProvider } from './context/App';

import { Loading } from './components/Loading';

import { LoginEnterpriseRoute } from './routes/LoginEnterprise';

import { LoginRoute } from './routes/Login';

import { LoginWithToken } from './routes/LoginWithToken';

import { NotificationsRoute } from './routes/Notifications';

import { SettingsRoute } from './routes/Settings';

import { Sidebar } from './components/Sidebar';

export const PrivateRoute = ({ component: Component, ...rest }) => {

const { isLoggedIn } = useContext(AppContext);

return (

<Route

{...rest}

render={(props) =>

isLoggedIn ? (

<Component {...props} />

) : (

<Redirect

to={{ pathname: '/login', state: { from: props.location } }}

/>

)

}

/>

);

};

export const App = () => {

return (

<AppProvider>

<Router>

<div className="flex flex-col pl-14 h-full">

<Loading />

<Sidebar />

<Switch>

<PrivateRoute path="/" exact component={NotificationsRoute} />

<PrivateRoute path="/settings" exact component={SettingsRoute} />

<Route path="/login" component={LoginRoute} />

<Route path="/login-enterprise" component={LoginEnterpriseRoute} />

<Route path="/login-token" component={LoginWithToken} />

</Switch>

</div>

</Router>

</AppProvider>

);

};