adding exercise for step 7

2026-07-13 15:28:32 +08:00 · 2019-02-19 23:15:43 -08:00
parent 72ace4f43c
commit f046a07694
28 changed files with 422 additions and 61 deletions
@@ -0,0 +1,25 @@
+import React from 'react';
+import { Stack, Customizer, mergeStyles, getTheme } from 'office-ui-fabric-react';
+import { TodoFooter } from './TodoFooter';
+import { TodoHeader } from './TodoHeader';
+import { TodoList } from './TodoList';
+import { FluentCustomizations } from '@uifabric/fluent-theme';
+
+const className = mergeStyles({
+  padding: 25,
+  ...getTheme().effects.elevation4
+});
+
+export const TodoApp = () => {
+  return (
+    <Customizer {...FluentCustomizations}>
+      <Stack horizontalAlign="center">
+        <Stack style={{ width: 400 }} gap={25} className={className}>
+          <TodoHeader />
+          <TodoList />
+          <TodoFooter />
+        </Stack>
+      </Stack>
+    </Customizer>
+  );
+};