hubs/src/react-components/scene-ui.stories.js at 155bb787020e188f7d9268d795e782ffb4bb5bf5 · DougReeder/hubs · GitHub

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
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
import React from "react";
import SceneUI from "./scene-ui";

export default {
  title: "scene-ui",
  parameters: {
    layout: "fullscreen"
  }
};

export const Base = () => (
  <SceneUI sceneName="Very Cool Scene" sceneDescription="A must see!" sceneScreenshotURL="https://example.com/" />
);

export const ShowCreateRoom = () => (
  <SceneUI
    sceneName="Very Cool Scene"
    sceneDescription="A must see!"
    sceneScreenshotURL="https://example.com/"
    showCreateRoom={true}
  />
);

export const SceneAllowRemixing = () => (
  <SceneUI
    sceneName="Very Cool Scene"
    sceneDescription="A must see!"
    sceneScreenshotURL="https://example.com/"
    sceneAllowRemixing={true}
  />
);

export const SceneAttributions = () => (
  <SceneUI
    sceneName="Very Cool Scene"
    sceneDescription="A must see!"
    sceneScreenshotURL="https://example.com/"
    sceneAttributions={{
      creator: "Some Artist",
      content: [{ title: "Some Title", name: "Parent", author: "Joe Cool", remix: true }]
    }}
  />
);

export const OwnerProjectId = () => (
  <SceneUI
    sceneName="Very Cool Scene"
    sceneDescription="A must see!"
    sceneScreenshotURL="https://example.com/"
    isOwner={true}
    sceneProjectId="abc123"
  />
);

export const ShowUnavailable = () => (
  <SceneUI
    sceneName="Very Cool Scene"
    sceneDescription="A must see!"
    sceneScreenshotURL="https://example.com/"
    unavailable={true}
  />
);

export const RemixedScene = () => (
  <SceneUI
    sceneName="Child Scene"
    sceneDescription="immature"
    sceneScreenshotURL="https://example.com/"
    sceneAttributions={{
      creator: "Derivative Artist"
    }}
    parentScene={{ name: "Parent Scene", url: "https://example.test", attributions: { creator: "Über Artist" } }}
  />
);