RageStudio/comty
1
0
Fork 0
mirror of https://github.com/ragestudio/comty.git synced 2025-06-10 02:54:15 +00:00
Code Issues Packages Projects Releases Wiki Activity

delete local components

Browse Source
This commit is contained in:
srgooglo 2022-03-15 03:15:01 +01:00
parent 36d28e7b06
commit c94a4a47e2
4 changed files with 0 additions and 185 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
packages/app/src/pages/account/components/index.js
View File

@ -1,2 +0,0 @@
export { default as SessionsView } from './sessionsView'
export { default as StatisticsView } from './statisticsView'

114
packages/app/src/pages/account/components/sessionsView/index.jsx
View File

@ -1,114 +0,0 @@
import React from "react"
import * as antd from "antd"
import { Skeleton } from "components"
import { Icons } from "components/Icons"
import { Session } from "models"
import "./index.less"
const SessionsList = (props) => {
const sessions = props.sessions.map((session) => {
const header = (
<div className="session_header">
<div>
<Icons.Key />
</div>
<div>{session.session_uuid}</div>
<div>{props.current === session.session_uuid ? <antd.Tag>Current</antd.Tag> : ""}</div>
</div>
)
const renderDate = () => {
const dateNumber = Number(session.date)
if (dateNumber) {
return new Date(dateNumber).toString()
}
return session.date
}
return (
<antd.Collapse.Panel header={header} key={session.session_uuid} className="session_entry">
<div className="session_entry_info">
<div>
<Icons.Clock />
{renderDate()}
</div>
<div>
<Icons.Navigation />
{session.location}
</div>
</div>
</antd.Collapse.Panel>
)
})
if (!props.sessions || !Array.isArray(props.sessions)) {
return <div>
<antd.Empty>
Cannot find any valid sessions
</antd.Empty>
</div>
}
return <div className="sessions_wrapper">
<antd.Collapse bordered={false} accordion>
{sessions}
</antd.Collapse>
</div>
}
export default class SessionsView extends React.Component {
state = {
currentSessionUUID: null,
}
componentDidMount = async () => {
const currentSession = await Session.decodedToken()
this.setState({ currentSessionUUID: currentSession?.session_uuid })
}
signOutAll = () => {
antd.Modal.warning({
title: "Caution",
content: "This action will cause all sessions to be closed, you will have to log in again.",
onOk: () => {
if (typeof this.props.handleSignOutAll === "function") {
this.props.handleSignOutAll()
} else {
antd.message.error("Sign out all sessions failed")
console.error("handleSignOutAll is not a function")
}
},
okCancel: true,
})
}
render() {
const { sessions } = this.props
if (!sessions) {
return <Skeleton />
}
return (
<div className="sessions_wrapper">
<div className="header">
<div>
<h1><Icons.Key /> All Sessions</h1>
</div>
<div>
{sessions && (
<antd.Button onClick={this.signOutAll} type="danger">
Destroy all sessions
</antd.Button>
)}
</div>
</div>
<div>
<SessionsList current={this.state.currentSessionUUID} sessions={this.props.sessions} />
</div>
</div>
)
}
}

52
packages/app/src/pages/account/components/sessionsView/index.less
View File

@ -1,52 +0,0 @@
.sessions_wrapper {
.ant-collapse-borderless {
background-color: transparent !important;
}
.header {
h1,
h2,
h3 {
margin: 0;
}
display: flex;
flex-direction: row;
align-items: center;
justify-content: space-between;
}
> div {
margin-bottom: 10px;
}
}
.session_entry {
display: flex;
flex-direction: column;
background: transparent;
margin-bottom: 10px;
border: 1px solid #ccc !important;
border-radius: 12px !important;
.session_entry_info {
> div {
padding: 4px 40px;
}
}
.ant-collapse-header {
display: flex;
align-items: center;
}
}
.session_header {
display: flex;
flex-direction: row;
> div {
padding: 0 10px;
}
}

17
packages/app/src/pages/account/components/statisticsView/index.jsx
View File

@ -1,17 +0,0 @@
import React from "react"
export default class StatisticsView extends React.Component {
state = {
statistics: null
}
componentDidMount = async () => {
}
render() {
return <div>
</div>
}
}