variablelab/theatre
4
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

refactor: Assorted VFCs, dead code removal, use Nominals in ahistoric

Browse source
This commit is contained in:
Cole Lawrence 2022-05-16 13:38:00 -04:00
parent 84daaaf94a
commit 9400aa12a1
6 changed files with 10 additions and 15 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
theatre/studio/src/UIRoot/PanelsRoot.tsx
View file

@ -6,7 +6,7 @@ import {useVal} from '@theatre/react'
import ExtensionPaneWrapper from '@theatre/studio/panels/BasePanel/ExtensionPaneWrapper'
import SequenceEditorPanel from '@theatre/studio/panels/SequenceEditorPanel/SequenceEditorPanel'
const PanelsRoot: React.FC = () => {
const PanelsRoot: React.VFC = () => {
const panes = useVal(getStudio().paneManager.allPanesD)
const paneEls = Object.entries(panes).map(([instanceId, paneInstance]) => {
return (

2
theatre/studio/src/panels/SequenceEditorPanel/DopeSheet/DopeSheet.tsx
View file

@ -14,7 +14,7 @@ const Container = styled.div`
right: 0;
`
const DopeSheet: React.FC<{layoutP: Pointer<SequenceEditorPanelLayout>}> = ({
const DopeSheet: React.VFC<{layoutP: Pointer<SequenceEditorPanelLayout>}> = ({
layoutP,
}) => {
const height = useVal(layoutP.dopeSheetDims.height)

2
theatre/studio/src/panels/SequenceEditorPanel/DopeSheet/Left/Left.tsx
View file

@ -18,7 +18,7 @@ const ListContainer = styled.ul`
list-style: none;
`
const Left: React.FC<{
const Left: React.VFC<{
layoutP: Pointer<SequenceEditorPanelLayout>
}> = ({layoutP}) => {
return usePrism(() => {

5
theatre/studio/src/panels/SequenceEditorPanel/DopeSheet/Left/SheetRow.tsx
View file

@ -1,12 +1,9 @@
import type {SequenceEditorTree_Sheet} from '@theatre/studio/panels/SequenceEditorPanel/layout/tree'
import {usePrism} from '@theatre/react'
import React from 'react'
import styled from 'styled-components'
import SheetObjectRow from './SheetObjectRow'
const Container = styled.div``
const SheetRow: React.FC<{
const SheetRow: React.VFC<{
leaf: SequenceEditorTree_Sheet
}> = ({leaf}) => {
return usePrism(() => {

5
theatre/studio/src/panels/SequenceEditorPanel/DopeSheet/Right/SheetRow.tsx
View file

@ -3,18 +3,13 @@ import type {SequenceEditorTree_Sheet} from '@theatre/studio/panels/SequenceEdit
import {usePrism} from '@theatre/react'
import type {Pointer} from '@theatre/dataverse'
import React from 'react'
import styled from 'styled-components'
import SheetObjectRow from './SheetObjectRow'
const Container = styled.div``
const SheetRow: React.FC<{
leaf: SequenceEditorTree_Sheet
layoutP: Pointer<SequenceEditorPanelLayout>
}> = ({leaf, layoutP}) => {
return usePrism(() => {
const node = <div />
return (
<>
{leaf.children.map((sheetObjectLeaf) => (

9
theatre/studio/src/store/types/ahistoric.ts
View file

@ -1,6 +1,9 @@
import type {ProjectState} from '@theatre/core/projects/store/storeTypes'
import type {Keyframe} from '@theatre/core/projects/store/types/SheetState_Historic'
import type {ProjectId} from '@theatre/shared/utils/ids'
import type {
ProjectId,
SheetId,
} from '@theatre/shared/utils/ids'
import type {IRange, StrictRecord} from '@theatre/shared/utils/types'
export type StudioAhistoricState = {
@ -18,10 +21,10 @@ export type StudioAhistoricState = {
}
projects: {
stateByProjectId: StrictRecord<
string,
ProjectId,
{
stateBySheetId: StrictRecord<
string,
SheetId,
{
sequence?: {
/**