Added App.tsx
Signed-off-by: James Ketrenos <james_git@ketrenos.com>
This commit is contained in:
parent
67808d83fe
commit
9eb6ffe16e
46
client/src/App.tsx
Normal file
46
client/src/App.tsx
Normal file
@ -0,0 +1,46 @@
|
||||
|
||||
import React, { useState } from 'react';
|
||||
|
||||
import './App.css';
|
||||
|
||||
|
||||
const Cluster = () => {
|
||||
return (
|
||||
<div className='Cluster'>cluster</div>
|
||||
);
|
||||
};
|
||||
|
||||
type Identity = {
|
||||
lastName: string,
|
||||
middleName: string,
|
||||
firstName: string,
|
||||
descriptors: number[],
|
||||
id: number
|
||||
displayName: string,
|
||||
};
|
||||
|
||||
const Identities = () => {
|
||||
const [identities, setIdentities] = useState<Identity[]>([]);
|
||||
|
||||
const identitiesJSX = identities.map(identity => (
|
||||
<img alt={identity.id.toString()} src={`/faces/{identity.id}/{identity.id}.png`}/>
|
||||
))
|
||||
return (
|
||||
<div className='Identities'>
|
||||
{ identitiesJSX }
|
||||
</div>
|
||||
);
|
||||
};
|
||||
|
||||
const App = () => {
|
||||
return (
|
||||
<div className="App">
|
||||
<div className="Worksheet">
|
||||
<Cluster/>
|
||||
<Identities/>
|
||||
</div>
|
||||
</div>
|
||||
);
|
||||
}
|
||||
|
||||
export default App;
|
Loading…
x
Reference in New Issue
Block a user