Cleanup unused packages, modules and files
This commit is contained in:
parent
ccc98e2d1a
commit
ef6ea9b415
8 changed files with 0 additions and 1211 deletions
|
|
@ -1,81 +0,0 @@
|
||||||
.ModalContainer {
|
|
||||||
display: flex;
|
|
||||||
align-items: center;
|
|
||||||
justify-content: center;
|
|
||||||
|
|
||||||
width: 100%;
|
|
||||||
height: 100%;
|
|
||||||
|
|
||||||
position: absolute;
|
|
||||||
left: 0;
|
|
||||||
top: 0;
|
|
||||||
|
|
||||||
.Modal {
|
|
||||||
background: #f5f5f5;
|
|
||||||
border-radius: $unit;
|
|
||||||
color: $grey-00;
|
|
||||||
display: flex;
|
|
||||||
flex-direction: column;
|
|
||||||
|
|
||||||
min-width: $unit * 45;
|
|
||||||
max-width: $unit * 60;
|
|
||||||
overflow-y: auto;
|
|
||||||
padding: $unit * 3;
|
|
||||||
position: relative;
|
|
||||||
z-index: 21;
|
|
||||||
|
|
||||||
#ModalHeader {
|
|
||||||
display: flex;
|
|
||||||
flex-direction: row;
|
|
||||||
align-items: center;
|
|
||||||
margin-bottom: 16px;
|
|
||||||
margin-right: -8px;
|
|
||||||
|
|
||||||
h2 {
|
|
||||||
font-size: $font-xlarge;
|
|
||||||
font-weight: 500;
|
|
||||||
text-align: left;
|
|
||||||
flex-grow: 1;
|
|
||||||
}
|
|
||||||
|
|
||||||
svg {
|
|
||||||
fill: $grey-50;
|
|
||||||
padding: calc($unit / 2);
|
|
||||||
height: 18px;
|
|
||||||
width: 18px;
|
|
||||||
transform: rotate(45deg);
|
|
||||||
|
|
||||||
&:hover {
|
|
||||||
cursor: pointer;
|
|
||||||
fill: $grey-00;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
#ModalBottom {
|
|
||||||
display: flex;
|
|
||||||
flex-direction: row;
|
|
||||||
|
|
||||||
a {
|
|
||||||
color: #666;
|
|
||||||
font-size: $font-regular;
|
|
||||||
font-weight: 500;
|
|
||||||
flex-grow: 1;
|
|
||||||
display: flex;
|
|
||||||
align-items: center;
|
|
||||||
}
|
|
||||||
|
|
||||||
.Button {
|
|
||||||
display: block;
|
|
||||||
min-height: $unit * 5;
|
|
||||||
text-align: center;
|
|
||||||
min-width: $unit * 11;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
@ -1,29 +0,0 @@
|
||||||
import React from 'react'
|
|
||||||
import classnames from 'classnames'
|
|
||||||
|
|
||||||
import './index.scss'
|
|
||||||
import PlusIcon from '~public/icons/Add.svg'
|
|
||||||
|
|
||||||
interface Props {
|
|
||||||
styleName?: string
|
|
||||||
title: string
|
|
||||||
close: () => void
|
|
||||||
}
|
|
||||||
|
|
||||||
class Modal extends React.Component<Props> {
|
|
||||||
render() {
|
|
||||||
return (
|
|
||||||
<div className="ModalContainer">
|
|
||||||
<div className={classnames("Modal", this.props.styleName)}>
|
|
||||||
<div id="ModalTop">
|
|
||||||
<h2>{this.props.title}</h2>
|
|
||||||
<PlusIcon onClick={this.props.close} />
|
|
||||||
</div>
|
|
||||||
{this.props.children}
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
)
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
export default Modal
|
|
||||||
|
|
@ -1,12 +0,0 @@
|
||||||
// .Overlay {
|
|
||||||
// background: black;
|
|
||||||
// position: absolute;
|
|
||||||
// opacity: 0.28;
|
|
||||||
|
|
||||||
// height: 100%;
|
|
||||||
// width: 100%;
|
|
||||||
|
|
||||||
// top: 0;
|
|
||||||
// left: 0;
|
|
||||||
|
|
||||||
// }
|
|
||||||
|
|
@ -1,13 +0,0 @@
|
||||||
import React from 'react'
|
|
||||||
|
|
||||||
import './index.scss'
|
|
||||||
|
|
||||||
interface Props {
|
|
||||||
onClick: OnClickEvent
|
|
||||||
}
|
|
||||||
|
|
||||||
const Overlay = (props: Props) => (
|
|
||||||
<div className="Overlay" onClick={props.onClick} />
|
|
||||||
)
|
|
||||||
|
|
||||||
export default Overlay
|
|
||||||
1035
package-lock.json
generated
1035
package-lock.json
generated
File diff suppressed because it is too large
Load diff
|
|
@ -15,7 +15,6 @@
|
||||||
"@radix-ui/react-dialog": "^0.1.5",
|
"@radix-ui/react-dialog": "^0.1.5",
|
||||||
"@radix-ui/react-dropdown-menu": "^0.1.6",
|
"@radix-ui/react-dropdown-menu": "^0.1.6",
|
||||||
"@radix-ui/react-hover-card": "^0.1.5",
|
"@radix-ui/react-hover-card": "^0.1.5",
|
||||||
"@radix-ui/react-label": "^0.1.4",
|
|
||||||
"@radix-ui/react-switch": "^0.1.5",
|
"@radix-ui/react-switch": "^0.1.5",
|
||||||
"@radix-ui/react-toggle-group": "^0.1.5",
|
"@radix-ui/react-toggle-group": "^0.1.5",
|
||||||
"@svgr/webpack": "^6.2.0",
|
"@svgr/webpack": "^6.2.0",
|
||||||
|
|
@ -29,7 +28,6 @@
|
||||||
"meyer-reset-scss": "^2.0.4",
|
"meyer-reset-scss": "^2.0.4",
|
||||||
"next": "12.0.8",
|
"next": "12.0.8",
|
||||||
"next-i18next": "^10.5.0",
|
"next-i18next": "^10.5.0",
|
||||||
"next-remote-watch": "^1.0.0",
|
|
||||||
"next-usequerystate": "^1.7.0",
|
"next-usequerystate": "^1.7.0",
|
||||||
"react": "17.0.2",
|
"react": "17.0.2",
|
||||||
"react-cookie": "^4.1.1",
|
"react-cookie": "^4.1.1",
|
||||||
|
|
|
||||||
|
|
@ -1,22 +0,0 @@
|
||||||
import React, { useEffect, useRef } from 'react'
|
|
||||||
import { createPortal } from 'react-dom'
|
|
||||||
|
|
||||||
const modalRoot = document.querySelector('#modal') as HTMLElement
|
|
||||||
|
|
||||||
const Portal: React.FC<{}> = ({ children }) => {
|
|
||||||
const modalContent = document.createElement('div')
|
|
||||||
modalContent.classList.add('modal_content')
|
|
||||||
|
|
||||||
const el = useRef(modalContent)
|
|
||||||
|
|
||||||
useEffect(() => {
|
|
||||||
const current = el.current
|
|
||||||
|
|
||||||
modalRoot!.appendChild(current)
|
|
||||||
return () => void modalRoot!.removeChild(current)
|
|
||||||
}, [])
|
|
||||||
|
|
||||||
return createPortal(children, el.current)
|
|
||||||
}
|
|
||||||
|
|
||||||
export default Portal
|
|
||||||
|
|
@ -1,17 +0,0 @@
|
||||||
import { useState } from 'react'
|
|
||||||
|
|
||||||
export const useModal = () => {
|
|
||||||
const [open, onOpenModal] = useState(false)
|
|
||||||
const [close, onCloseModal] = useState(false)
|
|
||||||
|
|
||||||
const openModal = () => {
|
|
||||||
onOpenModal(true)
|
|
||||||
}
|
|
||||||
|
|
||||||
const closeModal = () => {
|
|
||||||
onCloseModal(true)
|
|
||||||
onOpenModal(false)
|
|
||||||
}
|
|
||||||
|
|
||||||
return { open, close, openModal, closeModal }
|
|
||||||
}
|
|
||||||
Loading…
Reference in a new issue