chore: sync from legacy redo

packages/design-system/organisms/editor-sync-from-legacy/EditorSyncFromLegacy.stories.tsx

@@ -0,0 +1,13 @@
+import { presentableGuild, roleypolyGuild } from '../../fixtures/storyData';
+import { EditorSyncFromLegacy } from './EditorSyncFromLegacy';
+
+export default {
+  title: 'Organisms/Editor/Sync From Legacy',
+  component: EditorSyncFromLegacy,
+  args: {
+    guild: presentableGuild,
+    guildSlug: roleypolyGuild,
+  },
+};
+
+export const syncFromLegacy = (args) => <EditorSyncFromLegacy {...args} />;

packages/design-system/organisms/editor-sync-from-legacy/EditorSyncFromLegacy.styled.ts

@@ -0,0 +1,2 @@
+import styled from 'styled-components';
+export const EditorSyncFromLegacyStyled = styled.div``;

packages/design-system/organisms/editor-sync-from-legacy/EditorSyncFromLegacy.tsx

@@ -0,0 +1,25 @@
+import {
+  EditorUtilityProps,
+  EditorUtilityShell,
+} from '@roleypoly/design-system/molecules/editor-utility-shell';
+import { PresentableGuild } from '@roleypoly/types';
+import { GoShield } from 'react-icons/go';
+
+export type EditorSyncFromLegacyProps = {
+  guild: PresentableGuild;
+} & EditorUtilityProps;
+
+export const EditorAccessControl = (props: EditorSyncFromLegacyProps) => {
+  return (
+    <EditorUtilityShell
+      guildSlug={props.guild.guild}
+      title="Access Control"
+      icon={<GoShield />}
+      hasChanges={false}
+      onSubmit={props.onSubmit}
+      onExit={props.onExit}
+    >
+      <div>hi</div>
+    </EditorUtilityShell>
+  );
+};

packages/design-system/organisms/editor-sync-from-legacy/index.ts

@@ -0,0 +1 @@
+export * from './EditorSyncFromLegacy';