added redux

src/components/ControlPanel/ControlPanel.tsx

@@ -0,0 +1,24 @@
+import { ControlButton } from "../ui/ControlButton/ControlButton";
+import { MicroButton } from "../ui/MicroButton/MicroButton";
+import { ShareButton } from "../ui/ShareButton/ShareButton";
+import { LanguageButton } from "../ui/LanguageButton/LanguageButton";
+import { ExitButton } from "../ui/ExitButton/ExitButton";
+import React, { useState, useEffect } from "react";
+
+export const ControlPanel: React.FC<any> = ({
+  handleOpenSharePopup,
+  handleOpenExitPopup,
+}) => {
+  return (
+    <div className="toolbar-field-part">
+      <div className="toolbar-button-container-border-line"></div>
+      <ControlButton onClick={() => console.log("click!")}></ControlButton>
+      <MicroButton></MicroButton>
+      <div className="toolbar-button-container-border-line"></div>
+      <ShareButton onClick={handleOpenSharePopup}></ShareButton>
+      <LanguageButton onClick={() => console.log("click!")}></LanguageButton>
+      <div className="toolbar-button-container-border-line"></div>
+      <ExitButton onClick={handleOpenExitPopup}></ExitButton>
+    </div>
+  );
+};